Reading Assignment: Accessibility and HTML

[Dimitar_Boychev]

1 To make the site usable for as many people as you can.
2 With screen readers.
3 It provides elements with names and description for the user to understand them.
<img alt="me and my dog"/>
4 Clear code, no dashes,write full name of the objects.
5 Allows table elements to be selected by the user and skipped.

[Jenski]

1. making you website useable by as many people as possible, also equality

2. screen readers

3. it increases your findability

4. dashes or acronyms.

5. the tab order of an element

[Ahmad_Abd_Allah]

• What is accessibility?

• Accessibility makes the website usable, by using the correct language,

• How do people interpret websites without vision?

• People can use screen reader to interpret the websites,

• How does semantic HTML help make websites accessible?

• It’s gives more functionality, accessibility to the website.

• Name a few practices to avoid when writing HTML.

• Don’t just use div for all block elements.

• What is a tab index?

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

[Thoms]

@thecil

What is accessibility?

Accessibility is the practice of making a website usable by as many people as possible.

@thecil

How do people interpret websites without vision?

Usually through a screen reader.

@thecil

How does semantic HTML help make websites accessible?

1. Easier to develop with — you get some functionality for free, plus it is arguably easier to understand.
2. Better on mobile — semantic HTML is arguably lighter in file size than non-semantic spaghetti code, and easier to make responsive.
3. Good for SEO — search engines 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.

@thecil

Name a few practices to avoid when writing HTML.

• do not create page layouts using HTML tables
• use headings or paragraphs instead of line breaks
• use UI control elements instead of divs and spans.

@thecil

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.

[Slvgelabs]

1. Accessibility refers to using the correct HTML elements for their intended purposes as much as possible.
2. They use screen readers.
3. When we write semantically correct HTML, we’re letting the browser know what type of content it’s dealing with and how that content relates to other content. By doing this, assistive technology is more easily able to do its job because it has a structure that it can work with.
4. Don’t use line breaks to show a list.
   Don’t place Block elements within Inline elements.
   Don’t use multiple line breaks
5. tab index is a global attribute that allows an HTML element to receive focus.

[hmpbkj]

1. Accessibility refers to the design of products, devices, services, or environments for people with disabilities.

2. Screen reader software.

3. It gives structure and meaning to the content on a website, which makes it easier for screen readers and other assistive technologies to interpret and present the content to users.

4. Using images without alt text: Alt text is a short description of an image that is displayed if the image cannot be displayed. Alt text is important for people with vision impairments, as it allows them to understand the content of the image.

• Using flashing or blinking content: Flashing or blinking content can be a seizure trigger for some people, and should be avoided.

5. A tab index is an attribute in HTML that specifies the order in which elements on a webpage should receive focus when the user navigates through them using the tab key.

[scgracia]

• What is accessibility? by using appropriate sectioning elements, it gives the ability to navigate through a webpage/website for persons with hearing or visual impairment or disability.
• How do people interpret websites without vision? Screen reader
• How does semantic HTML help make websites accessible? by using alt or id text for images or media to describe the image. Also using semantic HTML code is leaner and condenses the code size for anyone with slower internet speed for page to load. Lastly, navigation though keyboard use.
• Name a few practices to avoid when writing HTML. vague or unclear language, such as click here and no description of where the link is taking the user. Also, abusing anchor tags.
• What is a tab index? Allows for keyboard tab to navigate through to the various links or pages of the webpage/website.

[Ongdanhchet]

1. Accessibility is making your website usable by as many people as possible by using the correct HTML elements.
2. People without vision interpret websites through screen readers.
3. Semantic HTML makes websites more accessible by helping the screen reader make the contents of the website clear.
4. A few practices to avoid are using header tags out of place to make text bigger, making buttons that just say click here, and having images without an alt attribute describing the image.
5. The tab index lets elements that can be tabbed be in a specific order, for people who navigate the website using tab.

[Tony86]

1. Accessibility is making your content easier for anyone to access, this is not just for people with disabilities but also for other devices/software.
2. They use screen readers.
3. It makes the website easier to search for and reduces the file size for better response from other devices.
4. Do not use unnecessary language, characters or abbreviations.
5. Tab index allows HTML elements to be focusable for better navigation.

[Lecocrypt]

1. Making your website available to as many people as possible
2. using a Screen reader
3. Using the right HTML element for the job ensures the element will do what is is supposed to do.
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, then use the <abbr> tag to describe them.
5. 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.

[Retekh]

1. What is accessibility?
   Accessibility allows as many users as possible to navigate and engage with a website. It uses
   certain tools to help people under various conditions whether its visual impairment to having an old
   operating system to use and understand a website.
2. How do people interpret websites without vision?
   One tool for the visually impaired are screen readers which help them hear the text. It also can
   describe certain images given that the coder was using accessible html.
3. How does semantic HTML help make websites accessible?
   It allows screen readers and navigational tools to understand and work with the html to give
   accessibility to others.
4. Name a few practices to avoid when writing HTML.
   Avoid using div elements. There are many other elements to use that are proper and the web
   browser will understand. A div element doesn’t mean anything specifically. Try using a specific
   element. Avoid customizing elements to become a button element. Just use a button element. It will
   avoid many problems in the future and is much easier. Always explain what an image is with text
   (unless it’s only a decorative image: in that case you can put an empty alt="" attribute in the img
   element) so people with visual impairments can understand the website.
5. What is a tab index?
   A tab index allows elements to become tabbable that weren’t otherwise. It can make them more
   important in the tab index or regular that the other tabbable elements.

[modestbateman]

1.What is accessibility?
Accesible website is is usable for as many people/users as possible. By making website accesible we take under consideration people with different type of disabilities and devices they will be browsing the website on.

2.How do people interpret websites without vision?
They will rely on screen readers, which is software that reads digital text aloud.

3.How does semantic HTML help make websites accessible?
Semantic markup is not only good for screen readers, but it is also fast to load and performant.
This benefits everyone, especially those on mobile devices or slow connections.

4.Name a few practices to avoid when writing HTML.
*expand acronyms
*expand abbreviations
*Do not use unclear languare. Always make it understandable for as many as possible.

5.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.

[CRYPToNi4e]

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?

• Many people with visual impairments use screen magnifiers that are either physical magnifiers or software 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?

• Semantic HTML helps with better accessibility, it is easier to develop with, better on Mobile, good for SEO

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

• Using ,div and span if there are semantic elements available. Bad link texts

5. What is a tab index?

• The purpose of the HTML tabindex attribute is to specify a number which indicates the order according to which a position gets focus when the user tabs through the page.

[kathholmes]

1. What is accessibility?
   Accessibility is ensuring that the widest range of people have access to and are able to use your web content.

2. How do people interpret websites without vision?
   They use screen readers to dictate content.

3. How does semantic HTML help make websites accessible?
   Semantic HTML is well ordered so it’s easier to develop with, better on mobile, good for SEO and makes websites more accessible for those using screen readers.

4. Name a few practices to avoid when writing HTML.
   Avoid using line breaks, unclear language, creating page layouts using HTML tables, marking up buttons using the div function, etc.

5. What is a tab index?
   When the tab button on the keyboard is used for navigation, the tabindex attribute determines the sequential order of the elements.

[ilija]

1. What is accessibility?
   to make websites to many people
2. How do people interpret websites without vision?
   screen readers
3. How does semantic HTML help make websites accessible?

• Semantic HTML helps with better accessibility, it is easier to develop with, better on Mobile, good for SEO

4. Name a few practices to avoid when writing HTML.
   div and span if there are semantic elements available bad link texts
5. What is a tab index?
6. Tab index allows HTML elements to be focusable for better navigation.

[AarrJay]

1. What is accessibility? Providing the widest possible availability to the greatest number of people.
2. How do people interpret websites without vision? Software packages that can read aloud the contents of a website are available to those users without vision.
3. How does semantic HTML help make websites accessible? Semantic HTML makes the website readable by services used by the vision impared.
4. Name a few practices to avoid when writing HTML. Creating a website without any consideration of accessibility will be more difficult to retrofit or remedy this need, later.
5. What is a tab index? The order of selection caused by pressing the tab key is determined by the tab index.

[Pyot]

1.It’s a term that describes how accessible is site to users who use different technologies - mouse,pad,mobile device, keyboard or who have different mental or physical handicaps.

2.They use assistive technologies.

3.Semantic HTML is easily accessible to sighted users and to assistive technologies. People with handicaps can easily use the site.

4. Avoid: use of abbreviations, dashes and acronyms, poorly structured sites. Avoiding the use of tables helps people with handicaps.

5.Tab index is a global attribute which enables the part of the text being highlighted when we click on it and we can move from one tabulated part to another by using the tab button.

[Lortega]

1.- Accessibility is making your website available to everyone
2.- Screen readers
3.- A semantic HTML helps people with disabilities to navigate and interact with your website
4.- It’s best not to use abbreviations, dashes, acronyms, and unclear language
5.-The tab index allows you to focus on specific elements using the tab key

[Maya]

1. What is accessibility?
Accessibility is coding in such a way, so as to allow as many people as possible (of varying abilities) to access information, conduct business, and contribute to the web.

2.How do people interpret websites without vision?
People without vision use screen reader programs to interpret websites.

3. How does semantic HTML make websites accessible?
Semantic HTML is more compatible with the screen reader programs. It can also make navigation easier for those with reduced fine motor skills (by placing the links in appropriate locations).

4. Name a few practices to avoid when writing HTML.
It is best to try to avoid: acronyms, abbreviations, certain elements, dashes, improper labeling, among others.

5. What is a tab index?
A tab index can allow elements that are not normally tabbable to become tabbable.

[emmanuelcooke]

1. Accessibility is the notion that all people can get to and fully use the website.
2. They use sound and other means.
3. Semantic HTML promotes websites to be more user-friendly.
4. The use of comments should not be neglected, avoid using complex code, and use simple styles.
5. A tab index is an indentation of a tab