Reading Assignment: Accessibility and HTML

Javascript Course 2021
#122
  1. Making your website accessible throug a good content structure with headings, paragraphs, lists etc. On this way it will be usable by as many people as possible.
  2. Trough screenreader.
  3. By using proper semantic HTML you create an easy path for browsers to find and read your website.
  4. Not using closings tags, not writing alt tribute, no doctype, using inline styles to maintain en style your website, using line brakes instead of paragraphs.
  5. The tabindex attribute specifies the tab order of an element (when the “tab” button is used for navigating).
2 Likes
#123
  1. What is accessibility?
    It is to write the code a way more people can read the website.
  2. How do people interpret websites without vision?
    They use a screen reader.
  3. How does semantic HTML help make websites accessible?
    Semantic HTML makes websites more logical and native. So, the code works properly and websites can be read by more people with disabilities.
  4. Name a few practices to avoid when writing HTML.
    Use the correct HTML, for example, use the HTML element even when you have a similar JavaScript element. Structure your text content: paragraphs and headings. Use clear language: avoid abbreviations and extra dashes.
  5. What is a tab index?
    It indicates that the element can be focsed.
2 Likes
#124

Here are my answers, let me know if any improvements can be made!

1 Accessibility is the quality of being able to be reached or entered. In the context of HTML, accessibility is the website’s quality of being accessible by people with a wide variety of disabilities.

2 People without vision interpret websites through the use of a screen-reader. A screen-reader reads out each header of a website, and allows for quick navigation through a table of contents

3 Semantic HTML creates ‘signposts’ for screen-readers to make navigation easier for the user and also creates easier keyboard-only accessibility for those who may need it.

4 A few practices to avoid when writing HTML are using the ‘

’ markup and table layouts as it makes navigation more difficult.

5 A tab index is an attribute that allows tabbable elements to have a custom tab order

2 Likes
#125

  1. Accessibility is the practice of making sites available to everyone that benefits many groups of people. E.g., people with disabilities, people with slow networks, people using mobile devices, etc.

  2. People interpret websites without vision by screen maginfiers, softwares with zoom capabilities, or screen readers.

  3. Semantic HTML help make websites accessible by easily having the element behave the way you intended to and its purpose, easier to develop with, better on mobile, and good with SEO.

  4. A few practices to avoid when writing HTML are using line breaks, presentational HTML, and using unclear language such as dashes and abbreviations.

  5. A tab index attribute is primarily intended to allow elements to have a custom tab order. However, it is not reccommended as it can cause major confusion.

2 Likes
#126
  1. Accessibility is the practice of making your websites usable by as many people as possible.
  2. Using a screen reader.
  3. The code is easy to read, is organized, the screen readers can handle it well.
  4. Using dashes, abbreviations, anocryms.
  5. 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.
2 Likes
#127
  1. accessibility means ensuring your website is as accessible and usable by as many people as possible
  2. By using screen readers and voice assistance
  3. Semantic HTML allows the website to be more structured and easier to navigate which can help people with additional needs navigate and use the site
  4. using abbreviations, not having your code in any order, not having your code structured, using acronyms and dashes are all bad practices
  5. tabindex is an attribute that allows tabbable elements to have a custom order you can tab through them
2 Likes
#128

  1. This means using the correct HTML elements for their intended purpose as much as possible. So making the website accesivle for as much users as possible.

  2. All the HTML codes have to be written without mistakes, very accurate, semantic, etc. Only in that way they have the chance to understand it correctly.
    The PC reads it loudly.

  3. When everything is structured very well and clearly its easier accessible and understandable for everybody.

  • not giving form labels
  • using too many “div´s”
  1. The tabindex attribute is primarily intended to allow tabbable elements to have a custom tab order, instead of just being tabbed through in their default sauce order.
2 Likes
#129
  1. Accessibility is how usable your website is, and optimally allows the most amount of people to use it comfortably.
  2. Screen readers and Voice assistants function as options for people visually disabled.
  3. Proper semantic HTML allows for the navigation to flow smoothly, in order, correctly.
  4. Don’t uses dashes or abbreviations, instead expand on them. Don’t use spaces in names, use underscore instead, use correct semantics!
  5. A tab index allows for tabbable elements to have a custom tab order, instead of default.
2 Likes
#130
  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.
  2. How do people interpret websites without vision?
    users will rely on screen readers.
  3. How does semantic HTML help make websites accessible?
    semantic HTML provides an easy path for the reader to interpret the site.
  4. Name a few practices to avoid when writing HTML.
    avoid use of abbreviations, dashes, or acronyms.
  5. What is a tab index?
    Tab index indicates that its element can be focused, and where it participates in sequential keyboard navigation
2 Likes
#131

1.Accessibility is the practice of making your websites usable by as many people as possible
2. Screen readers, screen magnifiers
3. Allows screen readers to read out information as intended, stopping after each element, letting you go at whatever pace is comfortable for you.
4.Don’t use dashes if you can avoid it. Instead of writing 5–7, write 5 to 7.
Expand abbreviations — instead of writing Jan, write January.
Expand acronyms, at least once or twice. Instead of writing HTML in the first instance, write Hypertext Markup Language.
5.Used to manage keyboard focus giving a clear direction for users navigating through the website using the “tab” button.

2 Likes
#132
  1. Providing your information/data to as many users as possible.
  2. There are different applications which read text to speech and narrators describing the page.
  3. Semantic HTML aids search engines direct users to your site & aids the screen reader to narrate the page in your desired format. Including things like describing images.
  4. Abbreviations, dashes, acronyms, tables.
  5. Tab Index is an integer attribute indicating if the element is focusable, if it should participate to keyboard navigation IE using tab key, and if so, in which order of sequence.
2 Likes
#133

  1. Allowing your website to be usable to as many people as possible including people with disabilities, mobile phone, or slow internet connection.

  2. They can use a screen reader.

  3. It allows the website to be more organized and structured so that navigating through its contents is as seamless as possible.

  4. Writing text in a giant block without separation.
    Using symbols instead of writing them out.
    Using table layouts.

  5. Tab index allows tab-able elements to be selected through a custom order.

2 Likes
#134

  1. Accessibility is the process of making the contents of webpage accessible to User of the Protocol / Dapp / App.

  2. People without vision interpret websites through Voice Assistance, Screen Magnifiers, and Screen Readers.

  3. Semantic HTML helps / improves website accessibility and navigation.

  4. A few practices to avoid when writing HTML : a.) Expand Abbreviations (b.) Expand
    Acronyms (c.) Avoid HTML Table to Create Page Layout

  5. A tab index allows for navigation / focus of the contents webpage by the user.

2 Likes
#135

1. What is accessibility?
Accessibility is the practice of writing code with those in mind, that are disabled from looking at the page and listening to the markup language being read via a screen reader instead, whether they be visually impaired, or have a slow internet connection and the images won’t load.

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

3. How does semantic HTML help make websites accessible?

  1. Easier to develop with, increased functionality, easier to understand.
  2. Better on mobile as it requires less file size than messy non-semantic code, and easier to make responsive.
  3. Good for SEO as search engines are optimized to give more importance to keywords inside headings, links, etc. than keywords included in non-semantic <div> s, etc., so your documents will be more findable by customers

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

  • Don’t use dashes if you can avoid it, write 5 to 7 not 5-7
  • expand abbreviations: instead of Jan, January
  • dont just use “click here” for your labels, write it so it could be understood if just read, out of context.

5. What is a tab index?
The tabindex attribute allows tabbable elements to have a custom tab order.

2 Likes
#136

  1. What is accessibility?
    Accessibility is what is built to html to allow websites to be accessed to all including those with impairments

  2. How do people interpret websites without vision?
    Through screen reading technology

  3. How does semantic HTML help make websites accessible?
    It provides a clear and easy path for the reader to interpret for the user.

  4. Name a few practices to avoid when writing HTML.
    Dont use abreviations, dashes or acronyms. using Don’t use HTML tables to create page layouts.

  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

2 Likes
#137

1.What is accessibility?
Trying to provide information through websites, and making it more understandable and easy to use
2.How do people interpret websites without vision?
Screen Readers
3.How does semantic HTML help make websites accessible?
It helps to create easier structure and making content more comprehandable
4.Name a few practices to avoid when writing HTML.
Using separate sections,line breakers,dashes
5.What is a tab index?
The tabindex attribute specifies the tab order of an element (when the “tab” button is used for navigating).

2 Likes
#138
  1. Accessibility is the ability of others to access the content of the website and interact with it, even if they have an impairment such as visual, auditory, or physical challenges.
  2. There are assistive technologies that can read the textual content of a site to visually impaired users.
  3. Semantics help organize the content of a site to help assistive technologies more easily navigate textual content
  4. Make sure to avoid using
    when possible because and other labels present a more organized page document and easier to find certain content, such as lists, articles, and main sections.
  5. A tabindex is a global attribute that indicates that its element can be focused, and specifies the tab order of an element when the tab button is used in sequential keyboard navigation. It can be used on any element but is not necessarily useful/can inhibit accessibility
2 Likes
#139
  1. Accessibility is the ability to use everything. Such as uses different tools to access the information on the web page.
  2. Have to tab through using voice over, readers or magnifiers.
  3. Using the proper structure, people with different tools or disabilities can use the website to the best of their abilities and not limit them.
  4. Do not use dashes, do not abbreviate and try to expand words at least when they are first written in the code.
  5. Tab index helps to put focus on pertinent info on the web page. Create a custom order of info for better understanding.
2 Likes
#140

  1. What is accessibility?
    Accessibility is the ability for a reader to understand the contents of a webpage regardless of the operating system or web browser. This is achievable by using the right semantics.

  2. How do people interpret websites without vision?
    They can have properly formatted code read to them from a screen reader.

  3. How does semantic HTML help make websites accessible?
    Semantics make it easier for data-crawlers to find important information (ex the strong tab emphasizes important information on a web page)

  4. Name a few practices to avoid when writing HTML.
    You should avoid dashes, abbreviations, and acronyms as much as possible.

  5. What is a tab index?
    An attribute that allows objects within an element to be tabbed in a specified order.

2 Likes
#141
  1. Using the correct HTML elements for their intended purpose as much as possible makes a better accessibility for the HTML files.
  2. In general, you should use clear language that is not overly complex and doesn’t use unnecessary jargon or slang terms.
    3.One of the best accessibility aids a screen reader user can have is an excellent content structure with headings, paragraphs, lists, etc.
  3. Don’t use dashes if you can avoid it. Instead of writing 5–7, write 5 to 7.
    Expand abbreviations — instead of writing Jan, write January.
    Expand acronyms, at least once or twice. Instead of writing HTML in the first instance, write Hypertext Markup Language.
  4. Tab index is a global attribute that allows an HTML element to receive focus.
2 Likes