Reading Assignment: Accessibility and HTML

[kerlen]

My Answers:
1.Accessibilty is the practice of making our website usable by as many people as possible.
2.People without vision interpret websites using screen magnifiers, screen renders.
3.Semantic HTML help websites for easier to develop with plugin or other tools , will have better viewer on mobile or other device and finally good for SEO.
4.Do not use dashes , expand abbreviations, expand acronyms and do not create page layout suing HTML tables
5.Tab index is native keyboard accessibility for our websites. Primarily intended to allow tabbale element to have a custom tab order

[frankifyy]

1. What is accessibility? the ability to fully access a site making sure everything is coded correctly.
2. How do people interpret websites without vision? a screen reader.
3. How does semantic HTML help make websites accessible? easier to develop with, better on mobile devices, and better for SEO.
4. Name a few practices to avoid when writing HTML. using dashes like -, no abbreviations, avoid acronyms.
5. What is a tab index? it’s mainly designed to allow tabbable things in a specific order.

[Euben_Marx]

• What is accessibility?
  A way of making it easier for people with disabilities to navigate the web.

• How do people interpret websites without vision?
  By using a screen reader

• How does semantic HTML help make websites accessible?
  It gives context to how information is connected

• Name a few practices to avoid when writing HTML.
  Don’t just use div for blocks and POSH

• What is a tab index?
  It allows you to navigate using your tabulator key

[giriniem]

1.accessibility means giving access to as many as people to know website
2.through screen readers
3.they help us to navigate through your website
4.some practices to avoid while writing html are: to add space while writing file name, always use clear language, don’t copy other websites logos in your html code, for image always set height and width properly
5.tab index is used to navigate in website using tab button

[jak]

Accessibility is the idea of making your HTML as easy to read as possible, for as many users as possible. Many web users are using screen readers, and for that it is wise to give additional context to the content being used in the HTML.

For example, providing alt attributes in <img> tags allows for a text description of what the image is, to allow for vision impaired users to understand the page better.

People without vision will typically use screen readers, and therefore page content relies on semantically well defined and structure HTML.

Semantic HTML provides context beyond what is shown visually on the page. It tells a better story for someone who is unable to see the page.

It is good practice to have well structured HTML. Where possible, user semantically rich HTML elements, rather than <div>'s and <span>'s,

On screen readers, the user will hit the tab key to move between elements on the page. The tab index will set the order in which the elements are ordered when pressing the tab key.
As a developer, you should have the tab index order to make as much sense as possible, in accordance with how the page should be interpreted.

[ericknieuwenhuizen]

1. The ease with which users can get to your website regardless of the methods they have at their disposal . Keyboard, Mouse, voice apps ect.

2. The use of screen readers to interpret text and images to voice.

3. Semantic HTML gives additional information and meaning to the content of the document.

4. Tab index forces a user to follow a predefined path of steps though a site or program when using the TAB button. The tab index is a sequential positive integer that follows a numeric path forcing the user to the next predefined element on the webpage or program to either get input or output in a specific order.

[JBravo]

1. What is accessibility? It is the capability of a well designed web page to display and deliver the content and information to as much people as posible, including disabled persons, and diverse devices, browsers, internet speed, etc.
2. How do people interpret websites without vision? They can use readers to read the content.
3. How does semantic HTML help make websites accessible? By structuring properly in order to contents to flow properly, letting the meaning be understood.
4. Name a few practices to avoid when writing HTML. Not using modern structure, writing all straight, use of slang, use of acronyms, tables.
5. What is a tab index? When using tab, it determines the sequence order for each element.

[Ishaaq_Ziyan]

1. Accessibility is making the website more durable so people can use it more conveniently.
2. by using the screen bar function.
3. semantic HTML will pave the way for many users to use the website more easily as it is well-organized.
4. we should avoid using the div tag and avoid typos as well.
5. The tab index shows the order in the tabs which can be found while using the tab button.

[Yojira]

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?

• The most common is a screen reader

3. How does semantic HTML help make websites accessible?
   *Semantic HTML
   One of the best accessibility aids a screen reader user can have is an excellent content structure with headings, paragraphs, lists, etc. Also provide extra semantics for screen readers (and other tools) to give users extra clues about the content they are navigating

4. Name a few practices to avoid when writing HTML.
   *People sometimes write headings, paragraphs, etc. using presentational HTML and line breaks, something like the following: Don’t use dashes if you can avoid it. Expand Acronyms. DONT USE BUTTON DIVS.

5. What is a tab index?

• Basically, 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.

[skleinheny]

• What is accessibility?
  Practice of making your websites usable by as many people as possible (e.g. people with disabilities).

• How do people interpret websites without vision?
  Those people use screen reader softwares which read digital text aloud.

• How does semantic HTML help make websites accessible?
  This helps to structure the content (by notifying for example headings, paragraphs, etc.), ease the use (like for example with built-in keyboard accessibility with “button”) and highlight important information for people with disabilities for example as they don’t need all the styling in their cases.

• Name a few practices to avoid when writing HTML.

• Avoid using div or span which don’t give any specific semantic context
• Avoid adding styling information as attributes of tags (e.g. )
• Avoid using
  to increase space between paragraphs
• Avoid using div to create a button. Use button instead
• Avoid using tables (when possible)

• What is a tab index?
  This sets the order in which fields of a form are parsed when pressing the “TAB” key on the keyboard

[Arnoo]

@thecil

• What is accessibility?
• How do people interpret websites without vision?
• How does semantic HTML help make websites accessible?
• Name a few practices to avoid when writing HTML.
• What is a tab index?

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?

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.

3. How does semantic HTML help make websites accessible?

One of the best accessibility aids a screen reader user can have is an excellent content structure with headings, paragraphs, lists, etc. An excellent semantic example might look something like the following:

<h1>My heading</h1>

<p>This is the first section of my document.</p>

<p>I'll add another paragraph here too.</p>

<ol>
  <li>Here is</li>
  <li>a list for</li>
  <li>you to read</li>
</ol>

<h2>My subheading</h2>

<p>This is the first subsection of my document. I'd love people to be able to find this content!</p>

<h2>My 2nd subheading</h2>

<p>This is the second subsection of my content. I think is more interesting than the last one.</p>

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

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 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. What is a tab index?

The tabindex global attribute indicates that its element can be focused, and where it participates in sequential keyboard navigation (usually with the Tab key, hence the name).

Or in other words this decides in what order elements are selected when pressing tab.

[AWells]

1. It allows all visual and hearing impaired people to use and access your site.
2. By using a zoom or audio screen reader
3. It gives them structure for the screen readers to easily make sense of them speeding up the response time of your site for the user
4. The use of abbreviations, dashes, and DIVs.
5. It specifies the order of an element when the tab key is used for navigation.

[JComes]

1. **What is accessibility? This is where a website is designed for ease of use in general as well as for those with various impairments allowing access to the content to as many people as possible
2. **How do people interpret websites without vision? People with visual impairments may use screen readers
3. **How does semantic HTML help make websites accessible? Semantics allows the website to be more easily navigable, easier for search engines to find relative content, and to help people with screen readers navigate
4. **Name a few practices to avoid when writing HTML. Avoid breaks, HTML tables, div when other options will provide better clarity
5. **What is a tab index? A tab index specifies a specific order to work through content that might differ from source code

[Jedi06]

1. What is accessibility? Features that allow people with limitations to interact with documents or programs.
2. How do people interpret websites without vision? Software that reads digital text aloud.
3. How does semantic HTML help make websites accessible ? The proper format allows SEO to better identify important or relative data. Semantics also allows accessibility software to navigate the page.
4. Name a few practices to avoid when writing HTML . Stealing images from other people’s websites and even worst doing it in a way that runs the image from their server sending your users to take resources from their server. Another to avoid would be like using (bold) when you should use , or using
   for a play button when you should use . Last, writing in a way that is difficult to follow when using a screen reader.
5. What is a tab index? An attribute that allows an HTML element to receive focus.

[Kaleb_Rupe]

Accessibility is the practice of trying to make your website work for as many people as possible.

Individuals with visual impairment use a screen reader to allow them to navigate website.

The semantic HTML elements help screen readers help identify website words, tables, charts, button, etc… this help navigate the website properly.

First use proper structure when typing code. Using older formats of HTML such as line breaks i.e.

or tables i.e.

Tabindex=“0” is used to give older html formatting the ability to tab through view keyboard which before it did not have.

[NWcryp]

Homework - Accessibility and HTML

What is accessibility

Accessibility options are for people with handicaps like blindness.

How do people interpret websites without visibility

By letting their device read the webpage for them.

How does semantic html help make websites accessible

Because semantic html is more interactive with the computer or smart device hardware.

Name a few practices to avoid when writing HTML

Always name a alt attribute for images.

Don’t make text bold in the HTML, instead use the strong element.

Don’t use divs if they’re not needed.

What is a tab index

A tab index is used to make a custom order to tab around on a website.

[edagili]

1. Accessibility in HTML is where any user can use all the features and contents of your website regardless of how they are accessing the website.
2. By descriptive texts, screen readers, screen magnifiers etc.
   3.By structuring the websites properly so as to be accessible to handicapped people.
3. Not following the proper protocol, unclear language.
   5.Tabindex is a global attribute that allows HTML elements to receive focus. It needs a value of zero or a negative number in order to work in an accessible way.

[j3as]

1. Accessibility is how your HTML is read and interpreted.
2. Using tools such as voiceovers to readout HTML.
3. Semantic HTML allows VoiceOver tools to correctly read and understand the HTML.
4. Avoid bad semantics and HTML tables.
5. A tab index is a group of elements in keyboard navigation

[yassarnaiemi]

What is Accessability?

• Ensuring that the website is usable, features are visible and content is visible for anyone.

How do people interpret websites without vision?

• Through screen readers

How does semantic HTML help make websites accessible?

• Its easier to develop with
• Works better on mobile
• Good for search engine

Name a few practices to avoid when writing HTML.

• Use of Dashes, abbreviations and acronyms

What is a tab index?

• Specifies the tab order in which one uses the tab button

[VincentC]

1. Accessibility is making sure anyone can see / use the content on your site regardless of how they are using the internet (computer vs phone)
2. Screen readers, voice assistants and screen magnifiers help the disabled to still utilize websites and their contents.
   3.Good semantic practice helps the visual appearance and organization of the site allowing for better accessibility
3. Using abbreviations or acronyms too much or not spelling them out at least a few times,
   not practicing good nesting within your code, and using HTML tables because now CSS is supported and much more code friendly
4. A Tab index is used when you want to override the default tabbing through source order.