Reading Assignment: Accessibility and HTML

Javascript Course 2021
#303
  1. What is accessibility?

Accessibility is the practice of making your websites usable by as many people as possible. We traditionally think of this as being about people with disabilities, but the practice of making sites accessible also benefits other groups such as those using mobile devices, or those with slow network connections.

Building accessible sites benefit everyone:

  • Semantic HTML, which improves accessibility, also improves SEO, making your site more findable.
  • Caring about accessibility demonstrates good ethics and morals, which improves your public image.
  • Other good practices that improve accessibility also make your site more usable by other groups, such as mobile phone users or those on low network speed. In fact, everyone can benefit from many such improvements.
  • Did we mention it is also the law in some places?
  1. How do people interpret websites without vision?

Many people with visual impairments use screen magnifiers that are either physical magnifiers or software zoom capabilities. Most browsers and operating systems these days have zoom capabilities. Some users will rely on screen readers, which is software that reads digital text aloud.

  1. How does semantic HTML help make websites accessible?

There is a considerable amount of users that depend on a screen reader software to navigate the internet and only surf the internet through the use of the keyboard.

So making sure that screen readers can read each element, and that each of them can be accessed through the keyboard is ESSENTIAL. We have to code for all users.

Semantic HTML is not only about using the new semantic tags, but about using the correct tags for each element, so that it is easy to navigate for all users.

  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
  • Use dashes
  • Not coding semantically
  • Using abbreviations
  • Using acronyms
  • Using unclear language
  • Using slangs
  1. What is a tab index?

tabindex is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way. When tabindex 's value is set to zero or a positive number, the element can be navigated to via the keyboard’s Tab key.

The tabindex attribute indicates that an element can be focused on, and determines how that focus is handled. It takes an integer (whole number) as a value, and the resulting keyboard interaction varies depending on whether the integer is positive, negative or 0.

3 Likes
#304
  1. What is accessibility?

Accessibility is the practice of making your website as usable as possible across all groups of people from people with disabilities to people with slow internet connection.

  1. How do people interpret websites without vision?

By relying on screen readers (software that reads digital texts aloud)

  1. How does semantic HTML help make websites accessible?

Provides structure and better functionality for assistive technology, arguably lighter file size (fast load times, more responsive), better UI functionality.

  1. Name a few practices to avoid when writing HTML.
  • Writing headings, paragraphs, etc. using presentational HTML and line breaks
  • Creating page layouts using HTML tables — using different table cells to contain the header, footer, sidebar, main content column, etc.
  • Using < div > s to create buttons and other interactive elements that would have better UI if done with good semantics
  1. What is a tab index?

A tab index is an attribute that allows tabbable elements to have a custom / specified order. Options:

  • tabindex=“0” — allows elements that are not normally tabbable to become tabbable
  • tabindex="-1" — allows not normally tabbable elements to be focusable
3 Likes
#305
  1. Accessibility is when the content on the web is accessible by using correct HTML elements.
  2. They use a screen reader.
  3. HTML correct semantic allows users to use also a keyboard for website content and not just mouse clicks.
  4. Practices to avoid - using clear language without dashes and abbreviations, using appropriate elements for sections, labels and buttons.
  5. Tabindex specifies custom tab order.
3 Likes
#306
  1. Accessibility refers to your sites ability to be accessed by the most amount of people as possible. This might refer to people with disabilities, people using mobile phones or having slow internet connections.
    2.People without vision use screen readers in order to navigate and use websites.
    3.Semantic HTML means that the correct elements are used when ever possible. This makes sure users with any of the problems mentioned above have the best experience possible when using your site.
  2. Don’t use abbreviations, don’t use dashes and expand acronyms.
  3. Tab index refers to the order in which tabbed elements are accessed when using the tab key on your site.
3 Likes
#307

1.What is accessibility?

Hypertext markup language elements that are used for the correct purpose at all times for great web content to ensure logical sense and maximize accessibility for all users.

2.How do people interpret websites without vision?

Users with significant visual impairments often use tools called screen readers to read out the alt text to them.

3.How does semantic HTML help make websites accessible?

It makes sense to use the correct element for their intended purpose as much as possible. An excellent semantic example is good content structure with headings, paragraphs, lists, etc…good semantic HTML is easier to develop with; you get some functionality for free and easy to understand, better on mobile; lighter file size and easier to make responsive, good for SEO; so your documents will be more find-able by customers and for the aid of screen reader to help the visual impaired and so on….

4.Name a few practices to avoid when writing HTML?

Use clear language that is not overly complex and doesn’t use unnecessary jargon or slang terms. Avoid creating page layouts using HTML tables, this is also another practice we want to avoid. It can be confusing for some users who is using the screen reader to interpret the website’s content to them, avoid abbrevaition or acronyms and so on…

5.What is a tab index?

It is an attribute that is primarily intended to allow tab-able elements to have a custom tab order(specified in positive numerical order), instead of just being tabbed through in their default source order.

3 Likes
#308

1.How accessible a webpage is depends on how it is coded in html, the lighter the code the better
2.with screen readers
3.Make your site more readable to users ,breaks it down in to readable parts with relevance through the tags in the html, which are used by webcrawlers and google, which improves the SEO on your page which makes it more accessible because it is easier to find.the code is also lighter so will make more accessible and load faster on mobiles
4.not closing your tags, using old html language with div etc. , avoid using spaces on filenames
5.tabindex specifies the order you can navigate the elements with the tab button

3 Likes
#309

What is accessibility?
Accessibility is making your code written in a way that allows useful features, CSS formatting, and an overall lighter and more responsive page to appear when visited by all people including people with disabilities.
How do people interpret websites without vision?
They use a technology aide called screen reader that relies on good written code for them to completely understand a web page
How does semantic HTML help make websites accessible?
Good semantics makes the screen reader technology work better, and good semantics in general has numerous benefits including being lighter for mobile, CSS style is easier because you do not have spaghetti code, and it is good for search engines
Name a few practices to avoid when writing HTML.
Use correct labels instead of generic ones, by doing this you will have more features accessible to the reader. Avoid abbreviations and dashes. Write full words out and do not use short hand
What is a tab index?
Tabindex is an attribute that allows tabbable elements to have a custom order. You can dictate the story line of the tabs using this function. It can be useful if visually the order is different and you intend to change it to make it more logical to the end user.

3 Likes
#310
  1. Accessibility in relation to HTML is a function that allows many different types of users, some who may be physically or mentally impaired to interact with your code in a convenient and seamless way.
  2. People without vision can use screen readers.
  3. Semantic HTML is a good practice when coding because it allows for seamless integration with accessibility features.
  4. Avoid using
    if possible, avoid using legacy practices, stick with modern table and diagram layouts.
  5. A tab index is an attribute that allows elements to become able to tab and also for specific elements to receive focus programmatically.
2 Likes
#311

  1. What is accessibility?
    It is making sure your website is optimized to allow others everywhere to use it.

  2. How do people interpret websites without vision?
    By screen readers and zoom functionality.

  3. How does semantic HTML help make websites accessible?
    by helping the users within the guide lines to help them if they use the tools above.

  4. Name a few practices to avoid when writing HTML.
    avoid not using things like the div elements instead of semantic elements. Also, not using proper organization when programing.

  5. What is a tab index?
    it allows you to focus on elements and make them tabbable.

2 Likes
#312

  1. What is accessibility?
    Is the practice of making your websites usable by as many people as possible.

  2. How do people interpret websites without vision?
    Using a screen reader or magnifier.

  3. How does semantic HTML help make websites accessible?
    Good HTML semantics simplifies the process of interpretation of the screen reader, and it is more organized and easier to understand for the user

  4. Name a few practices to avoid when writing HTML.
    Using abbreviations, slang or symbols.
    Expand acronyms

  5. What is a tab index?
    Specifies and is like a guide for the “tab” button execution. In a way, it tells the “tab” function where to go next on the website.

Remember to post your answers in this thread.

2 Likes
#313
  1. Accessibility is the practice of making the website accessible to as many people as possible, especially to people with disabilities, such as vision. Besides that, it also includes people with slow internet connection etc.
  2. Those with visual impairments can install screen readers which help them navigate thru’ the website and read the text. Therefore it’s important to code the website properly, so those users are not missing out on the content.
  3. It presents topics in an easy way by structuring the text, so it’s clearly understood.
  4. Using plain language, minimising distractions, page layout, clear language (avoiding dashes, abbreviations).
  5. The tabindex attribute in an element tells us where the element stands in the sequence of navigation via the Tab key.
2 Likes
#314
  1. What is accessibility?
  • the practice of making your websites usable by as many people as possible.
  1. How do people interpret websites without vision?
  • voice assistant.
  1. How does semantic HTML help make websites accessible?
  • to know what is purpose of each content.
  1. Name a few practices to avoid when writing HTML.
  • using
    on everything.
  1. What is a tab index?
  • tab order of each element.
2 Likes
#315

  1. Accessibility is how easy it is for users to find and navigate your website.

  2. People who cannot see interpret websites through screen readers.

  3. Semantic HTML makes websites more accessible because being more specific allows for the screen readers and chrome crawlers to interpret the website with more clarity and it can help people find specifics quicker thus leading them to your website more often. It is also easier to develop with, better for mobile devices, and better for SEO.

  4. Some things to avoid would be bad HTML or old HTML that use

    rather than semantics. Using unclear language such as 5-7, abbreviations such as Jan. and acronyms.

  5. The tab index attribute specifies what order the elements are in. It is used for navigation.

3 Likes
#316

  1. The way we code that people who are blind or have other issues also can get access to our content

  2. the have tools who read the website for them

  3. we can give our content attributes that we can describe pictures or structure the content so that the reading tool has it more easy and its more logical for the machine. also people get a better access by a good structure.

  4. Have a good structure and dont make it to difficult for the machine to read what you wanna say. like 9 - 5 is 9 to 5

  5. a tab index is there to give your buttons an order

3 Likes
#317
  1. It allows the most amount of people to use your view/hear your content
  2. Screen reader
  3. It formats it so the screen reader recite it to the user properly
  4. Use the proper semantics, avoid using DIV. Make sure you alt_text can stand on their own.
  5. It highlight important elements of you content by using the tab button on your keyboard
3 Likes
#318
  1. What is accessibility?

Accessibility on HTML is what allows your website to be navigated by as many people as possible. This happens when good practices of code are used, and it allows for easier navigation throughout the page document. This also allows people that are impaired or with disabilities to be able to navigate your website.

  1. How do people interpret websites without vision?

People who have impaired vision, use screen readers to be able to interpret the information within the HTML file.

  1. How does semantic HTML help make websites accessible?

Semantic HTML makes websites accessible by giving meaning to the content within the website. This meaning allows people with disabilities to better interpret the information, when using the appropriate software to aid them. Semantic HTML gives the website more functionality and it organizes the information in a more clear and thorough manner.

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

Not using semantic HTML to give meaning to the information, writing using abbreviations, dashes or acronyms.

  1. What is a tab index?

A tab index lets you specify the order in which you will navigate the page using the tab button.

3 Likes
#319

  1. What is accessibility?
    accessibility is the practice of making your websites usable by as many people as possible.

  2. How do people interpret websites without vision?

  • Paid commercial products.

  1. How does semantic HTML help make websites accessible?
    it makes websites accessbile by making things run clearer and smoother

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

use a transitional docytype

writing html and css simultaneously
5. What is a tab index?

it specifies the order of the element

3 Likes
#320

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

  2. How do people interpret websites without vision?
    People with vision disabilities interpret websites through screen readers, screen magnifiers, and voice assistants.

  3. How does semantic HTML help make websites accessible?
    It is easier to navigate through the content and also the screen reader read out the content in a better way. For example headers, paragraphs, images, etc…

  4. Name a few practices to avoid when writing HTML.
    Don’t use language that is overly complex and uses unnecessary jargon or slang terms. Also you should try to avoid using language and characters that don’t get read out clearly by the screen reader.

  5. What is a tab index?
    Used to manage keyboard focus giving a clear direction for users navigating through the website using the “tab” button.

3 Likes
#321

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

2. How do people interpret websites without vision?
Via a screen reader.

3. How does semantic HTML help make websites accessible?
Structured headings and content allow screen reader users to find the content they need more quickly.

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

  • Using nested dev elements
  • Using dashes
  • Using abbreviations

5. What is a tab index?
Tab index allows your elements to have a custom order, as opposed to their default source order. Elements that are not usually tabbable can become so, or receive focus programatically via JavaScript.

3 Likes
#322
  1. What is accessibility?
    It means the website should be able to be used by people with different types of impairments.
  2. How do people interpret websites without vision?
    They can use screen readers, which give an auditory representation of the website.
  3. How does semantic HTML help make websites accessible?
    It makes it easier for screen readers to properly identify and represent the content of the website in a structured way.
  4. Name a few practices to avoid when writing HTML.
    Using tables to create the layout of the page.
    Using an anchor to create a button.
    Using “click me” or similar as text for links and buttons.
  5. What is a tab index?
    It represents the ordering for objects that can be tabbed between using the tab key. If an object is not part of the tab index it will be skipped when tabbing.
2 Likes