Reading Assignment: Accessibility and HTML

  1. The ability of impaired users to navigate and understand your website
  2. Screen readers and tabbing
  3. It reduces bandwidth use, makes it easier to tab around, is more easily understood by screen readers and other aids
  4. Non-semantic html, superfluous
    's, not properly labeling buttons
  5. Advised not to use, as the custom tab order sometimes is confusing
3 Likes
  1. What is accessibility?

Accessibility relates to the users experience regarding which browser they are using or perhaps the versatility the display has to cater for handicapped people, lets se, a blind viewer may have an audio software read the code in sections, considering it is in good semantic

  1. How do people interpret websites without vision?
    by having the console read the code, screen readers

  2. How does semantic HTML help make websites accessible?
    segregating and order makes it easier for the reader to decipher and for the user to listen/navigate

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

shortcuts and using inappropriate elements for functions that are unintended by the creators

  1. What is a tab index?

this allows the user to exercise the tab button

3 Likes
  1. What is accessibility?
    Navigation assistance for people with visual and physical impairments.
  2. How do people interpret websites without vision?
    By using screen readers.
  3. How does semantic HTML help make websites accessible?
    By giving screen readers information about what each section is, which helps navigate the content by skipping unimportant parts and getting to the content.
  4. Name a few practices to avoid when writing HTML.
    Not using semantic HTML from the beginning, using dashes when we can avoid it (i.e. 5-7 should be written as 5 to 7), not expanding abbreviations, and not expanding acronyms at least once or twice–also, making things unnecessarily complicated and messy.
  5. What is a tab index?
    The tabindex attribute overwrites the default order of tabbable elements with a custom order. Should be avoided in general, but its most valuable use case is for elements that are not normally tabbable, or for when the tabbable elements’ default order is weird or doesn’t make sense.
3 Likes
  1. What is accessibility? - Accessibility is the practice of making your websites usable by as many people as possible. This includes, people with disabilities as well as others with a slow connection or on mobile devices.
  2. How do people interpret websites without vision? They can use screen magnifiers or some software with zoom capabilities. There are also screen readers that will read aloud the text for you.
  3. How does semantic HTML help make websites accessible? – It makes the functionality of the site more user-friendly.
  4. Name a few practices to avoid when writing HTML. – Avoid using slang and overly complicated language. Don’t use dashes, acronyms or abbreviations. Also avoid
  5. What is a tab index? – The tab index attribute allows the developer to customize the tabbing navigation order of a document, enabling a tabbing order that differs from the default source code order, and making elements that are not normally tab navigable, such as paragraphs, able to receive tab focus.
2 Likes
  1. Accessibility is a means for people with physical impairments to be able to accesses your content.

  2. People with impaired vision can interpret websites with screen readers.

3.Semantics allow for ease of accessibility by clearly labeling your HTML code on its function.

  1. Using slang, not including alt, improperly formatting your html.

  2. Tab index allows elements to become tabbable.

2 Likes
  1. Accessibility is the way your write your HTML code so all different types of users can read, interact with and utilize the data
  2. People without vision interpret websites via a screen reader
  3. Semantic HTML specifically defines the purpose of an element which allows it to used by a screenreader
  4. Avoid using
    elements and instead use the intended function to ensure screen readers and google can understand your code
  5. A tab index is an attribute that allows an HTML element to receive focus so an element can be navigated to via the keyboard which improves accessibility for those who may not be able to use a mouse pad.
2 Likes
  1. What is accessibility?
  • Accessibility is the practice of making websites usable by as many people as possible.
  1. How do people interpret websites without vision?
  • Visually impaired people interpret websites using screen readers, screen magnifiers, and voice assistants.
  1. How does semantic HTML help make websites accessible?
  • Semantic HTML allows screen readers to follow the correct path.
  1. Name a few practices to avoid when writing HTML.
  • HTML practices to avoid include using presentational HTML with line breaks, table layouts, using div to mark up buttons and UI controls, and links that are not visually significant.
  1. What is a tab index?
  • Tab index HTML attribute manages keyboard focus allowing users to navigate interactive elements like links and form controls.
2 Likes

1. What is accessibility?

Any user can use all of a websites features and content, regardless of how the user accesses the web — even and especially users with physical or mental impairments.

2. How do people interpret websites without vision?

Using screen-readers, they can tab their way through each section to have it read out aloud to them.

3. How does semantic HTML help make websites accessible?

By using clearly recognisable elements and structure to be interpreted/read easily by apps.

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

  • Use semantic HTML and avoid unnecessary Div’s or span’s where the element likely already exists,
  • Avoid abbreviations and acronyms or the reliance on other non-textual characters where possible.
  • Avoid table layouts.

5. What is a tab index?

This is where the element can/can’t be tabbed to in keyboard navigation.

2 Likes

1)What is accessibility? Building a website functionality for a diversity of people in mind
2)How do people interpret websites without vision? Screen radars
3)How does semantic HTML help make websites accessible? Allows proper functionality on mobile and easier to find and navigate.
4)Name a few practices to avoid when writing HTML. shortcuts, dashes, improper labeling
5) What is a tab index? It indicates that element can be focused

2 Likes

could work, but since we use metamask in the course, i advice to stick with it :nerd_face:

Carlos Z

1 Like
  1. What is accessibility?
  • Accessibility means that as many users/people can use the website as possible. Being able to use all the features on the site regardless of how the user accesses the site. Users with mental and physical health should be able to use the site as well. One must access the site with a mouse, keyboard, touch, Google Home and Alexa, etc.
  1. ** How do people interpret websites without vision?**
  • With screen magnifiers, many web browsers today have screen magnifiers and screen readers.
  1. How does semantic HTML help make websites accessible?
  • Semantic HTML, which improves accessibility, also improves SEO, making your site more findable.
  1. Name a few practices to avoid when writing HTML.
    Make sure to test your code before writing the HTML. The site must be accessible. If there are accessibility issues, take action quickly. Put yourself in the users’ shoes and understand their behavior. Keep in mind, what you are building and which problem you are solving.

  2. What is a tab index?
    You can use the Tab key to move between the different web form controls if you have issues using a mouse.

3 Likes

1.What is accessibility?

It refers to the accessibility of compture system to all people.

2.How do people interpret websites without vision?

with a screen reader

3.How does semantic HTML help make websites accessible?

It make is easier for people and machines to read and understand websites

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

don’t over comment, don’t use div, unclear language

5.What is a tab index?

attribute is primarily intended to allow tabbable elements to have a custom tab order

2 Likes
  1. making your website as usable to as many people as possible.
    2)through screen readers
  2. it provides clear interpretation for the user and makes it easier to find through a search engine, SEO
  3. avoid using dashes, abbreviations, acronyms, and using HTML to create page layout
    5)an attribute that allows developers to customize elements and use the tab button for things that aren’t automatically tabable.
2 Likes

What is accessibility?
Making websites usable for all types of users.
How do people interpret websites without vision?
With screen readers that read aloud to them.
How does semantic HTML help make websites accessible?
By implementing good practices like labeling html code making it easier to navigate.
Name a few practices to avoid when writing HTML.
Using acronyms, abbreviations or slang, making language unclear for non-native speakers.
What is a tab index?
Primarily intended to allow tabbable elements to have a custom tab order or make elements that are not normally tabbable to become tabbable.

1 Like

What is accessibility?
It’s primary if ppl can get on your webpage form browser.
Also, it’s about how easy to read is your code for a screen reader
Also, there is akayboard accessibility and it’s about cotrol webpage mostly by tab key and enter.

How do people interpret websites without vision?
By reading the HTML code with screen reading technology - inspector.
How does semantic HTML help make websites accessible?
It’s easier to read the code.

What is a tab index?
Specified a numerical order of tabs in table.

1 Like
  1. What is accessibility?
    Ensuring that web pages and apps are available to everyone, including people with disabilities.
  2. How do people interpret websites without vision?
    By employing a screen reader.
  3. How does semantic HTML help make websites accessible?
    Good semantic content and structure enables the screen reader to clearly convey the content of a website.
  4. Name a few practices to avoid when writing HTML.
    Don’t use line breaks between sections (instead, use Headers, Paragraphs, etc.); don’t use dashes (instead, use the word ‘to’); don’t use unclear language; don’t write abbreviations; don’t use acronyms; don’t use HTML tables; don’t use hard-to-understand button and link text labels;
  5. What is a tab index?
    Allows tabbable elements to have a custom tab order (specified in positive numerical order). Example: tabindex=”0”
1 Like

1. What is accessibility?
Accessibility is the practice of making your websites usable by many people as possible. It includes people with disabilities but it also benefits other groups such as those who using mobile devices or those with slow internet connection.

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?
To make it easier to understand and easier to use for each category of users even on the mobile phone users and its also good for SEO.

4. Name a few practices to avoid when writing HTML.
using breaks
to write headings, paragraphs etc…
creating page layouts using HTML Tables,
Buttons marked up using

.
5. What is a tab index?
the tab index attribute specifies the tab order of an element instead of just being tabbed through in their default source order.
1 Like
  1. making HTML accessible on deferent devices.
  2. by screen readers
    3.by giving a clear flow and giving better SEO
    4.dont use dashes or acronyms
  3. tab index is for buttons that are used for readers.
1 Like
  1. Accessibility refers to using good semantics in order to make the navigation and understanding of your webpage available to everyone.
  2. People without vision can interpret websites with the use of a screen reader.
  3. Semantic HTML helps to make websites accessible by making the navigation easier by keyboard, the organization makes it easier for the user to interpret, as well as help search engines better refer the page.
  4. One should avoid using overly complex language in order to make your website more usable by everyone. Another practice to avoid is using abbreviations or acronyms before first using the fully expanded terms that are being condensed.
  5. The tab index specifies the order in which one moves through the tabbable elements on a website. One can change the order from the default source order when it makes more sense logically to do so.
1 Like
  1. By making sure you use correct Hypertext Markup Language the accessibility goes up and more people are able to use the webpage.

  2. Through screen reading Technologie

  3. Easier to develop with / Better on mobile / good for SEO

  4. Dont use dashes if you can avoid it.
    Expand abbreviations
    Expand acronyms

  5. clear direction for navigation, it allows user exercise the tab button

1 Like