Reading Assignment: Accessibility and HTML

Javascript Course 2021
#283

  1. What is accessibility?- the ability to access a webpage’s content via the keyboard, mobile device, users with disabilities.

  2. How do people interpret websites without vision? -they use a Screen Reader

  3. How does semantic HTML help make websites accessible?- Accessability, Easer to work with, Better on Mobile, good for SEO

  4. Name a few practices to avoid when writing HTML.- using presentational HTML and line breaks, creating page layouts using HTML tables,

  5. What is a tab index?- attribute that is primarily intended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.

2 Likes
#284
  1. Accessibility is when all aspects of HTML is structured the correct way. Using all elements in it’s proper purposes to create a useable experience for the user/viewer.
  2. Using software called screen reader.
  3. It makes it more easier to develop, better on mobile (mobilability) , documents are easier to be found by users.
  4. Stop using many abbrivations, less acronyms, using clear simple detailed lanuage.
  5. Is an option to use incase if the visual source code doesn’t match up. It can help put things in more logically order to understand. It comes handy in tab orders.

Any input/feedback would be appreciated.

2 Likes
#285
  1. Accessibility is the practice of making websites inclusive to as many people as possible.
  2. People without vision interpret sites with screen magnifiers that are either physical magnifiers or have software zoom capabilities. Some users will rely on screen reader software that reads digital text aloud.
  3. Semantic HTML help make websites accessible as it helps structure and organize the website and is good for screen readers. It is also fast to load and performant.
  4. Few practices to avoid when writing HTML are bold or italic tags, not closing tags, inline styles, not writing alt attribute and using multiple line breaks.
  5. The tab index attribute specifies the tab order of an element (when the “tab” button is used for navigating). The tab index attribute can be used on any HTML element (it will validate on any HTML element).
2 Likes
#286

1.A great deal of web content can be made accessible just by making sure the correct Hypertext Markup Language elements are used for the correct purpose at all times.

2.They are navigating with the aid of screen reading technology

3.Semantics is one of the areas that gets most broken with ''sloppy" html, thats why proper semantics in HTML make markup lighter, but also properly accessible.

4.Using language and characters that don’t get read out clearly by the screen reader.
For example:

Don’t use dashes if you can avoid it. Instead of writing 6–8, write 6 to 8…
Expand acronyms, at least once or twice. Instead of writing HTML in the first instance, write Hypertext Markup Language.
Expand abbreviations — instead of writing Feb, write February

5. What is a tab index?

  • The tabindex attribute is primarily intended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order. This is nearly always a bad idea, as it can cause major confusion. Use it only if you really need to, for example, if the layout shows things in a very different visual order to the source code, and you want to make things work more logically. There are two other options for tabindex:
  • tabindex=“0” — as indicated above, this value allows elements that are not normally tabbable to become tabbable. This is the most useful value of tabindex.
  • tabindex="-1" — this allows not normally tabbable elements to receive focus programmatically, e.g., via JavaScript, or as the target of links.
    [/quote]
2 Likes
#287
  1. To use proper elements as much as as possible.
  2. People with vision disabilities use screen reader to asset them through the content of a website.
  3. Search engines give more importance to keywords headings and links. Documents will be more findable by customers.
  4. Don’t use dashes, expand abbreviation and expand acronyms.
  5. Tabindex attribute is to allow tabbable elements to have a custom tab order.
2 Likes
#288
  • Accessibility is the practice of making your websites usable by as many people as possible, accessible sites is part of the law in some countries.
  • With screen readers.
  • Semantic HTML helps readers to get sense and purpose of the site easier, also google AI will be able to locate your site according to its purpose or content.
  • disordered code, lack of fundamental structure, code without checking the console simultaneously, code with abbreviations and bold text…
  • The tab index attribute specifies the tab order of an element (when the “tab” button is used for navigating).
2 Likes
#289

  1. When you make pages that are easy to use for people as well as AI, also that you can use it on touch screens and other.

  2. Screen Readers, voice assistants etc.

  3. Helps sort the code so that the readers etc. get more accessibility.

4.Do not use space in image files for example, do like this instead: my_backround.img
Do not overdo SEO.

  1. Is when a element can/cannot be tabbed to in keyboard navigation.
2 Likes
#290
  • What is accessibility?
    Any user is able to use all features and content of a site regardless of how the user accesses the web.
  • How do people interpret websites without vision?
    Screen readers, screen magnifiers, and voice assistants.
  • How does semantic HTML help make websites accessible?
    Makes the site easier to navigate for everyone, including those with impairments.
  • Name a few practices to avoid when writing HTML.
    Avoid using unclear language, such as abbreviations. acronyms, and dashes, and avoid using HTML tables to create page layouts.
  • What is a tab index?
    Used to navigate, specifies tab order of an element.
2 Likes
#291

  1. the easiness for developers to manage the html code, and for search engines to explore the content keywords

  2. by tag element and semantic element

  3. support the page layout with semantic meaning

  4. use clear language, structured layout, define tab order

  5. the attribute to allow tabbale elements to have s custom tab order

2 Likes
#292

Accessibility is making your website understandable to as many people as possible.

With the aid of screen reading technology.

Semantic HTML help make websites accessible by being easier to develop on and maintain, being better on mobile devices because there is less to load, and being good for SEO because web search browsers are programmed to look for websites that are more accessible than others.

It makes it more accessible by having clear language, correctly formatted page layouts, and appropriate UI controls, just to name a few.

A tab index is an attribute that gives tabbable elements a custom order. This attribute is not recommended when make good semantic HTML.

2 Likes
#293

  1. What is accessibility?

  2. Accessibility is a measureof how much a page or applicationcan be useful for peoplewho may be visually impairedmentally impaired orrelated to what they’re usingto access this side or applicationdash computer, mobile, audio program etc

  3. Accessibility also refersto how easy it will befor another developer to look at the code we createand understandand improve it

  4. How do people interpret websites without vision?

  5. Programs that read out content usually

  6. How does semantic HTML help make websites accessible?

  7. Pre grown pre programmedto function well with the tab keyand on mobile

  8. Also pre programmed to work well withaudio programs for visually impairedusers

  9. Also pre programmed to work well with mobile

  10. Name a few practices to avoid when writing HTML.

  • What is a tab index?
    Allows Elements that are not normally tappable to become terrible giving users the ability to use their tab to jump through elements you want them to be able to
2 Likes
#294
  1. Accessibility is used to make your website usable by as many as possible, using correct language and avoiding jargon and slangs will make your website accessible for a wider range of people.
  2. Vision impaired people can use screen readers for your website, that’s why it’s important to have good mark-up language in your code, so the text can be easily understood when only listening.
  3. Semantic HTML uses tags that has meaning such as < p , we know that the content inside has a paragraph, looking for tags like this makes it easy for the reader to find information. It also makes it easier for google to find information.
  4. You should avoid using slangs, abbreviations and dashes for example. This can confuse the reader and it will be harder for the SEO to find your webpage.
  5. Tab index is programmed in the HTML code and helps the user navigate through elements by using the tab key.
2 Likes
#295
  1. Accessibility is optimizing how compatible your program is to other people and programs
  2. Screen readers, Voice-Assistance, and screen Magnifiers
  3. Semantic HTML is using specific tags and structures to optimize accessibility. This improves SEO and makes it easier for people read and develop with
  4. Avoid unclear language such as abbreviations, dashes and acronyms; and coding without simultaneously reviewing the console
    5.Allows tabbable elements to have a custom tab order
3 Likes
#296
  1. making sure that people can make use of your content regardless of their background (i.e including impaired people)
  2. screen readers or similar tools.
  3. the “Order” makes it easier for different softwares or readers to determine what is written in the correct sense.
  4. abbreviations, unclear language, unstructured language, dashes, acronyms
  5. used to set up custom tab order for tabable items
3 Likes
#297
  • What is accessibility?

Accessibility refers to making your website usable by as many people as possible, not only people with disabilities but also mobile devices or users with a slow connection.

  • How do people interpret websites without vision?

Users with visual impairment use a software solution called a screen reader which reads digital text out loud.

  • How does semantic HTML help make websites accessible?

Semantic HTML can make your website more accessible by creating order, making it easy for users to listen with a screen reader and improving SEO performance.

  • Name a few practices to avoid when writing HTML.

Avoid using dashes, expand abbreviations and expand acronyms.

  • What is a tab index?

The tabindex attribute is made to allow tabbable elements to be organized in positive numerical order. It is not recommended unless really needed since it can lead to confusion.

3 Likes
#298

What is accessibility?

is the practice of making your websites usable by as many people as possible

How do people interpret websites without vision?

With screen magnifiers and screen readers.

How does semantic HTML help make websites accessible?

It provides a clear and easy path for the reader to interpret for the user

Name a few practices to avoid when writing HTML.

Lack of structure, using code without checking, abrbreviations

What is a tab index?

specifies the tab order of an element

3 Likes
#299
  1. What is accessibility?
  • Accessibility is the practice of ensuring that your websites are usable by as many people as possible. This does not only include people who have disabilities e.g. visual and haring impediments, but it extends to groups of people with poor network connection and limited bandwidth. Accessibility will allow these kinds of people get a better user experience when using your website.
  1. How do people interpret websites without vision?
  • People who are visually impaired can make use of screen reader applications that read out information on a website.
  1. How does semantic HTML help make websites accessible?
  • Semantic HTML will ensure the correct HTML elements are used throughout the website. Elements such as buttons for example inherit certain functionality that would otherwise need to be redone if the incorrect elements were used i.e.
    s. This makes the code lighter and cleaner and reduces file size allowing less bandwidth to be used. Correct elements will also enable the user to traverse through the web page using a screen readers with ease.
  1. Name a few practices to avoid when writing HTML.

  • Use of incorrect tags e.g. using
    tags instead of putting text in paragraphs

  • Not providing any alternative text for images or multimedia items

  • Not being descriptive enough when describing images in the alternate text

  • Structuring the website using tables

  • Not using main tags

  1. What is a tab index?
  • The tab index allows for the control of focus when the user presses the tab button to move from 1 element to the next.
3 Likes
#300

  1. Accessibility is the practice of making your websites usable by as many people as possible.

  2. Through screen readers

  3. Semantic HTML makes the website more accessible by improving the SEO and will be more friendly user.

4)Avoid to add div class for every single line :yum:.
Wrapping wrong tag elements, dashes, abbreviations and not adding contextual links along with large tables of content with too much information

  1. The tab-index attribute specifies the tab order of an element
3 Likes
#301
  1. What is accessibility?

Accessibility is the practice of making your websites usable by as many people as possible.

  1. How do people interpret websites without vision?

Via a screen reader. The better the semantics the better the accuracy is for the screen reader.

  1. How does semantic HTML help make websites accessible?

Semantics act as a proper road signage for the content. By “labeling” the content in the appropriate tag/element, the content is more organized, which makes it easy for accessibility tools like screen readers.

  1. Name a few practices to avoid when writing HTML.

Avoid practicing Bad Semantics; using the correct HTML elements for their intended purposes as much as possible. Use clear language, avoiding dashes, abbreviations, and acronyms (can use as long as its defined once and properly tag). Avoid table layouts.

Also use links, buttons, form elements, and labels appropriately (including the element for form controls).

  1. What is a tab index?

primarily intended to allow tabbable elements to have a custom tab order (specified in positive numerical order), instead of just being tabbed through in their default source order.

2 Likes
#302
  1. What is accessibility? Accessibility is making the websites usable for all people
  2. How do people interpret websites without vision? With Screen readers
  3. How does semantic HTML help make websites accessible? Easier to develop with some functionality for free, plus it is arguably easier to understand. Better on mobile — semantic HTML is arguably lighter in file size than non-semantic and easier to make responsive. Good for SEO — search engines give more importance to keywords inside headings, links, etc. than keywords included in non-semantic
    s, etc., so your documents will be more findable by customers.
  4. Name a few practices to avoid when writing HTML? Use a clear makup language, avoid using slang. Use meaningful textlabels, avoid click here button.
  5. What is a tab index? The tabindex global attribute indicates that its element can be focused, and where it participates in sequential keyboard navigation
2 Likes