Reading Assignment: Accessibility and HTML

[jdelalo]

What is accessibility?
The process of making your website as accessible/understandable/clear as possible for the reader and machine.

How to people interpret websites without vision?
Through hearing aids such as screen readers

How does semantic HTML make websites accessible?
semantic HTML makes websites more accessible because it is clearere and
easier to work with. It is better for mobile and search engine optimization

Name a few practices to avoid when writing HTML.
Instead of using use !

What is a tab index?
attrtibute that focusses on keyboard users allowing elements to become “tabbable”

[PeterSh12833203]

1. Accessibility is the act of creating websites which are accessible in a user friendly way by as many users as possible. This includes a variety of technological devices & internet connections, as well as a user’s physical/mental disabilities.

2. Vision impaired users interpret websites through enabled screen reader software which vocally reads & describes the website’s text, pictures or graphics.

3. Semantic HTML helps accessibility by improving the SEO (Search Engine Optimisation) of the website being found, alongside being more accessible to assistive software.

4. Practices to avoid:
   -Not using semantic HTML.
   -Over complicating a website with flashy graphics/extensive code, which may slow down access/create difficulties when a more simpler solution could be utilised.
   -Annoying background music, multiple fonts, colours & schemes.

5. Tab Index is a HTML attribute which is used to manage keyboard focus in regards to tabbing between website elements.

[chaogu16]

1. What is accessibility?
   Making the website usable by as many people as possible

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

3. How does semantic HTML help make websites accessible?
   Semantic HTML helps facilitate content readout, and can also result in webpages leaner and smaller in code size (so that easier to download).

4. Name a few practices to avoid when writing HTML.
   Using presentational HTML and line breaks instead of headings, paragraphs etc.
   Using HTML tables

5. What is a tab index?
   Tab index is an attribute that can be used for tabbable elements. It can takes a value of 0 or -1 for different purposes.

[Larisa1Geo]

1. Accessibility is the way that a website is easy to be used by users.
2. Via screen readers.
3. It is easier to develop with, better on mobile and is good for SEO.
4. Don’t use dashes, abreviations or acronyms.
5. A tab index is an attribute which allows tabbable elements to have a custom tab order.

[XOXOXOXOXOXO]

1. Accessibility is the suitability for access by people with disabilities (physical, cognitive or auditory/visual), as well as on various devices in diverse contexts, such as limited bandwidth or lack of hardware (mouse for example).

2. Screen readomg software can assist with this, therefore if a website is to meet accessbility standards, it must be designed with compatibility with such software in mind.

3. It helps search engines and screen readers make sense of the content.

4. Formatting pages using tables, marking up buttons as 's, using slang and abbreviations in the text.

5. Sets a custom tab order of tabbable elements on the page. Normally values of -1 and 0 are used, just to denote something either is not reachable or is reachable (respectively) via keyboard navigation.

[mulaterikos]

1. Providing the user a good way to navigate and interact with our site.

2.By “screen readers” that parse through the HTML of your web page and read the contents out loud, responding to commands to navigate around the page, and take actions such as clicking on a link, typing in an input field, or submitting a form.

3.Semantically correct HTML helps search engines, screen readers, and other user devices determine the significance and context of web content.

4.a) no closing tags, b) no alt attribute, c) missing doctype!, d) Inline styles, e)using multiple lane breaks, f) dont use and .

5. The “tabindex” attribute specifies the tab order of an element (when the “tab” button is used for navigating).

[HolistikBit]

1. What is accessibility?
   The practice to make websites accessible to as many ppl as possible.

2. How do people interpret websites without vision?
   Screen Readers, Voice Assistants & Screen Magnifiers

3. How does semantic HTML help make websites accessible?
   It allows for a clear and easy path for the reader to interpret for the user. Plus it will also be easier doc to fin by the web crawler (good SEO).

4. Name a few practices to avoid when writing HTML.
   No tables to create layouts, marked up buttons or use div.

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 only bein tabbed through in their default source order.

[BarinedumK]

1. Accessibility is the practice of making your websites usable to as many people as possible including people with disabilities.

2. They use screen magnifiers which are software that reads digital text aloud.

3. It provides equal opportunities for everyone to access websites even if users have vision or hearing impairments.

4. Avoid opening and closing elements incorrectly, Avoid writing headings, paragraphs, using presentational HTML and line breaks.

5. A tab index is a global attribute that its element can be focused.

[MikeM]

1. Accessibiity: Making your website as accessible to as many users as possible including people with disabilities, mobile devices and people with slow user connections.
2. How can people without vision use a web page?: They can use a screen reader to read the page out loud to them.
3. How does semantic html make websites accessible?: By enabling a screen reader to interpret the page better.
4. What to avoid when writing HTML: Avoid using dashes, and expand abbreviations and acronyms.
5. What is a tab index?: A way to use the elements on a web page to navigate using the tab key.

[Resonance]

1. What is accessibility?
   It is the practice of creating your website in such a way that it is accessible to as many people as possible, regardless of physical disability, the digital device used, speed of network connection, native language, etc…

2. How do people interpret websites without vision?
   They utilize a screen reader that provides a verbal description of the contents of the website.

3. How does semantic HTML help make websites accessible?
   Semantic HTML improves the accessibility by improving the Search Engine Optimization (SEO, or the findability of your website), as well as by creating more simple, ordered content that can be readily interpreted and navigated by a web user utilizing an accessibility tool, such a s screen reader.

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

   • Avoid using an excessive amount of divs or spans
   • Avoid using abbreviations, acronyms or dashes.
   • Avoid using HTML tables to create page layouts
   • Avoid slang or overly complex language. Keep things simple and clear.
   • Avoid leaving out contextual descriptions for interactive links

5. What is a tab index?
   A tab index indicates which elements can be focused, or are tabbable, and outlines the sequential order of those tabs if one were to navigate the website using the tab button.

[levinardo]

1. What is accessibility?
   Assistive technologies for web users with impairments (e.g. sight) to allow them comfortable / convenient access to the website contents
2. How do people interpret websites without vision?
   Screen reader, voice over, text to speech tools
3. How does semantic HTML help make websites accessible?
   Using the right semantics rather than using simple “div” tags for everything, the right semantics will have its own native features such as “select” will be able for navigation using up or down button etc.
4. Name a few practices to avoid when writing HTML.

• using div tags for everything
• using table rather than relying on CSS for formatting contents
• not providing alternative texts to images, or unnecessarily providing alt text for decorative images

5. What is a tab index?
   tabindex is an attribute added as a workaround for items within “div” tag so that it can be focused / access through tab (when tabindex = 0)

[Berumen_910]

What is accessibility?

Accessibility is the ability to make the web sites appropriate to anyone. Without discriminating those in Mobile phones or other divises.

How do people interpret websites without vision?

With the help of an internet Web reader

How does semantic HTML help make websites accessible?

Good Semantics make your Website more manageable and friendly to use and understand

Name a few practices to avoid when writing HTML

-Divide the text into paragraphs

-Divide the titles in a different text

-Avoid using slang and overly complicated language

What is a tab index?

The tab index is the capacity of an object to be focus when the tab is display on it

[S_dot24]

1. What is accessibility? Writing your code where it can be interrupted by a screen reader.
2. How do people interpret websites without vision? With screen readers
3. How does semantic HTML help make websites accessible? IT expands word like Jan to January. This allows the whole word to be read to them versus slang terminology.
4. Name a few practices to avoid when writing HTML. Dont use - 2-5, write 2 to 5. as well as dont use abrevations.
5. What is a tab index? Is a reference of all the tabbale actions within the website. For example from the search bar hitting tab may take you to the search button. Once more it can take you back up to the URL that brought you to the website in the first place!

[Cosmin_Fechet]

1. What is accessibility?

Accessibility makes websites usable by as many people as possible, no matter of their ability or circumstances. In some countries is part of the law, but in my opinion, it should be used by all developers no matter if is mandatory or not, it’s the right thing to do. It helps SEO, acces on mobile phones, or user with low network speed.

2. How do people interpret websites without vision?

They rely on screen readers, which is software that reads digital text aloud. Without a proper accesibility of your website, when they go through it, won’t undestand much of it.

3. How does semantic HTML help make websites accessible?

A website with good semantic HTML is easier to develop with, is better on mobile (lighter text) and is good for SEO (because customers can find easier the info you wish them to see through the keywords inside headings, links or photo description.

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

a. Use of presentational HTML and line breaks when writing headings, paragraphs, etc.;
b. Use of unnecessary jargon or slang terms, abbreviations;

5. What is a tab index?

An integer attribute indicating if the element can take input focus (is focusable), if it should participate to sequential keyboard navigation, and if so, at what position.

[Khary_Dixon]

1. What is accessibility?
   Accessibility referes to how easily Everyone is able to use and understand the website. For the blind, old, young, non-english speakers, folks who don’t use a mouse etc.

2. How do people interpret websites without vision?
   They use a page reader.

3. How does semantic HTML help make websites accessible?
   Using certain semantics can cause the page readers to flow more smoothly.

4. Name a few practices to avoid when writing HTML.
   Avoid using divs in place of proper semantics.
   Avoid using overly complex language.

5. What is a tab index?
   A tab index allows you to specify the order or Tabing instead of it just being consecutive.

[pavlazarou]

1. What is accessibility?

• making you webpages usable by as many users as possible.
  2.How do people interpret websites without vision?
• screen reading technology.

3. How does semantic HTML help make websites accessible?

• Easier to develop with
• Better on mobile
• Good for SEO.

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

• HTML Tables
• mark up buttons using div and unclear language etc.

5. What is a tab index?

• 5. The tab index attribute specifies the tab order in which one uses the tab button for navigation.

[KacperG]

1. What is accessibility?
   Is a practice of creating the projects with semantics which allow the machine to interpret the project correctly and accurately, code is more transparent.
2. How do people interpret websites without vision?
   With screen magnifiers and screen readers
3. How does semantic HTML help make websites accessible?
   It’s good for search engines, also gives a navigational points for better organisation.
4. Name a few practices to avoid when writing HTML.
   Using dashes
   Using abbreviations
   Using acronyms without expanding them at least once
   Using table layouts
5. What is a tab index?
   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

[jelle_van_der_meer]

1. What is accessibility?
it means how accessible it is to read/write for the computer, yourself, and other people

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

3. How does semantic HTML help make websites accessible?
by being really clear what every element of a website is if you only use let’s say <br> and no <p>, <h2>, <ol> etc. the reader will not recognize it in a good way and will just read it out as one big block and will not be readable/hearable for blind people for instance

4. Name a few practices to avoid when writing HTML.
Using abbreviatures, dashes or acronyms

5. What is a tab index?
A tab index is an index of which order the next selection will be when you press tab

[xiaomae]

1. What is accessibility?
   Accessibility is the practice of making your website usable by as many people as possible, whether it’s people with disabilities, mobile device users, etc.

2. How do people interpret websites without vision?
   People can use screen readers to read digital texts aloud.

3. How does semantic HTML help make websites accessible?
   Semantic HTML elements have built-in features that make website more accessible. Semantic HTML is also more responsive on mobile devices, as well as improves SEO.

4. Name a few practices to avoid when writing HTML.
   Some practices to avoid when writing HTML are using abbreviations, dashes to express a range, and acronyms without explaining what the acronym stands for, nested <div> elements, and line breaks(<br>)

5. What is a tab index?
   A tab index is an attribute that allows tabbable elements to have a custom tab order, instead of the default source order.

[Viktor_Trenev]

1.To create a website that is accessible by more groups of people. Especially ones with disability. 2.They use screen readers.
3.The semantics improves the SEO and that make your site more findable.
4.Bad written code wouldn’t work well for the accessibility of a site. And there for the screen reader won’t give a good experience to the user because of confusing readouts.Also that code would be hard to manipulate with java script and css.
5.Tabindex is an attribute that helps to navigate through the Tab button.