Reading Assignment: Accessibility and HTML

Javascript Course 2021
#423

What is accessibility?
Those who have difficulty reading or for example have a broken arm, can also navigate through the page easily thanks to the good semantics.

How do people interpret websites without vision?
They are using screen reader.

How does semantic HTML help make websites accessible?
It helps them to read and navigate easier

Name a few practices to avoid when writing HTML.
avoid div when possible

What is a tab index?
Tab index can make untabbed elements tabbable

1 Like
#424

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

  2. Through different screen readers, magnification or audio reading

  3. Proper semantic HTML helps make websites more accessible thanks to the order it gives the content.

  4. Disordered code, lack of fundamental structure, code without checking console simultaneously, code with abbreviations

  5. Specifies the tab for navigation

1 Like
#425
  • What is accessibility?
    Accesibility is what’s important for websites to have. a website is accesbile if user can acces it disregarding any disability they may have.
  • How do people interpret websites without vision?
    With magnifiers, screen readers, and voice assistants.
  • How does semantic HTML help make websites accessible?
    It helps make websites accesbile by ordering the elements in a logical way.
  • Name a few practices to avoid when writing HTML.
    Coding without structure and meaning, chaotic lines.
  • What is a tab index?
    It is an attribute specifies the tab order of an element (when the “tab” button is used for navigating).
1 Like
#426
  1. Accessibility is a term to describe how universal your web page design is to accommodate for physical limitations of the user, a range of devices that may access your site, and other limitations including but not limited to internet speed.
  2. Screen readers are a common tool used for people to interpret websites without vision.
  3. Semantic HTML makes websites accessible by separating the elements of your file into appropriate categories. This can aid with screen reading, keyboard accessibility, and bot effectiveness (SEO for example).
  4. Avoid using nested div elements instead of appropriate elements such as header, footer, section, button, etc. Also avoid using ambiguous or non clear words or figures. For example spell out acronyms, don’t use shorthand, name files definitively instead of using default names, etc.
  5. A tab index defines the order that elements would be accessed when using a keyboard to browse rather than a mouse. It can also give the ability to “tab” a certain element that typically would not have this function.
1 Like
#427
  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?
    Those users will rely on screen readers, which is software that reads digital text aloud.
  3. How does semantic HTML help make websites accessible?
    using the correct HTML elements for their intended purpose as much as possible make websites more accessible
  4. Name a few practices to avoid when writing HTML.
    Button marked up using div instead of button etc.
  5. What is a tab index?
    Tabindex attribute is primarily intended to allow tabbable elements to have a custom tab order
1 Like
#428

  1. The practice of making a website accessible to as many people as possible.

  2. They use a screen reader that relies on good HTML semantics (POSH)

  3. It allows screen readers to understand the context of the text they are reading.

  4. Jargon/slang, using “-”, abbreviations, acronyms without expanding, and layouts through tables.

  5. It enables tabbable elements to have a custom tab order.

1 Like
#429

1. What is accessibility? Accessibility means that websites are created and developed so that is accessible for as many people as possible, with different abilities and circumstances. The web should be available for anyone to interract, understand and navigate on.
2. How do people interpret websites without vision? Trough correct and good HTML semantics.
3. How does semantic HTML help make websites accessible? It also allows people using assistive technologies, like screen readers, to better understand and navigate the content. Because assistive technologies depend on the semantic structure.
4. Name a few practices to avoid when writing HTML. Unclear language that for ex. slang terms dashes, abbreviations and acronyms. Language and characters that don’t get read out clearly by the screen reader.
5. What is a tab index? The tabindex attribute specifies the tab order of an element.

1 Like
#430
  1. The use of proper semantic code to allow anyone to use the website.
  2. Through the use of screen readers.
  3. Clearly defined elements make screen readers work better.
  4. Don’t use dashes, abbreviations, acronyms, and table layouts. Don’t put text inside
    of an image.
  5. This specifies the tab order of an element when the tab button is used for
    navigating.
1 Like
#431
  1. What is accessibility?
    It is the practice of making websites usable by everyone regardless of some kind of impairment, visibility, slow internet, mobile device users.
  2. How do people interpret websites without vision?
    The developer must include the “link text” which is a description of the link incase of impairment.
  3. How does semantic HTML help make websites accessible?
    It allows the search engines and algorithms to find information and specific text easier
  4. Name a few practices to avoid when writing HTML.
    Dont abbreviate, acronym or use dashes. Use clear language and expand wording as much as possible.
  5. What is a tab index?
    This is an attribute that allows a webpage to be navigated through systematically according to the code assigned. It is meant for web users to navigate without the use of a mouse if they are unable to use a mouse.
1 Like
#432
  1. What is accessibility?

practice of making websites usable by as many people as possible

  1. How do people interpret websites without vision?

a screen reader can be used

  1. How does semantic HTML help make websites accessible?

it allows for better content structure which leads to better accessibility

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

-don’t use html elements for styling
-don’t use dashes
-don’t use abbreviations

  1. What is a tab index?

-attribute that specifies the order of an element when the tab key is used for navigating

1 Like
#433

  • What is accessibility?
    The way how to make your web accessible to the max max maximum.

  • How do people interpret websites without vision?
    Theese people are using screen readers. also peopple with dyslexia use it, greetings to Mike Maloney, and hidden secrets of money,…

  • How does semantic HTML help make websites accessible?
    By using in-built properties of html elements. And also by using correct order.

  • Name a few practices to avoid when writing HTML.
    avoid abbreviations, using
    breaks, etc,…

  • What is a tab index?
    The order of elementa to be activated or jumped in by pressing a tab button at keybord.
    [/quote]

1 Like
#434
  1. Accessibility is being able to get to and use page content by people (including people with disabilities).
  2. Screen readers
  3. When HTML is properly written it allows for maximum keyboard, screen reader and human control
  4. Not using the right HTML element for the job. Writing headings, paragraphs, etc. using line breaks and adding HTML elements purely for styling, Not using clear language. Not using proper page layouts.
  5. tabindex="0" — as indicated above, this value allows elements that are not normally tabbable to become tabbable. This is the most useful value of tabindex .
  • tabindex="-1" — this allows not normally tabbable elements to receive focus programmatically, e.g., via JavaScript, or as the target of links.
1 Like
#435
  1. Accessibility means the site is build to be accesible by as many people as possible.
  2. Screen reader
  3. Clearly define semantics help screen readers to easily understand the contex of the site.
    4.Jargon language, abbreviations, acronyms
  4. Tab index defines the tab elements
1 Like
#436
  1. What is accessibility?

Writing code using Semantic HTML to ensure that all people can equally access the website, its features and its content; regardless of their individual needs and/or abilities. This is includes visual impairments, hearing impairments, mobility impairments and cognitive impairments. It too includes groups of people with poor internet access and slow network connections.

Online content can be made accessible by making sure the correct Hypertext Markup Language elements are used for the correct purpose at all times.

  1. How do people interpret websites without vision?

Some may use magnifiers or screen readers, a technology that reads digital text aloud. Some screen readers are free and others are paid and some are built into operating systems.

  1. How does semantic HTML help make websites accessible?

Semantic HTML is naturally accessible. However, it becomes inaccessible when used incorrectly. It makes websites accessible when it is used correctly to provide excellent content structure with headings, paragraphs, lists, etc.

  1. Name a few practices to avoid when writing HTML.
  • Using line breaks for styling
  • Abbreviations, slang (anything that isn’t properly written Kings English)
  • Page layouts using HTML tables
  • Buttons marked up using the ‘div’ tag
  • Bad link text e.g. ‘click here’
  • Form labels which don’t make the location for editing text clear to the visually impaired
  • Not providing typed text for audio and video content.
  • Machine generated file names
  • Alt text that is duplicated in the surrounding content
  • Not including alt attributes for images
  • Removing accessible styling from links
  • or if JavaScript causes links to behave in unexpected ways
  • Link colouring that blends in with the background of the page
  • Using onclick with anchor tags to create pseudo-buttons to prevent the page from refreshing.
  • Not indicating information on what will happen when an external link is activated.
  • Not including skip links when websites have repetitive info.

5, What is a tab index?

This is an attribute that is 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. When done well, this is a particularly useful element for the visually impaired when they are filling out forms.

1 Like
#437
  1. What is accessibility?

The practice of making your website useable for as many people as possible.

  1. How do people interpret websites without vision?

Screen readers, magnifiers, and voicers

  1. How does semantic HTML help make websites accessible?

Helps emphasize important words for search engine optimization

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

Abbreviations, acronyms, dashes, disordered code

  1. What is a tab index?

Specifies tab order for elements

1 Like
#438
  1. **What is accessibility? Accessibility is the developers best practice of writing html code that adheres to making the web page content as organized and accessible to all users on the web, which includes those with special needs or requirements.
  2. **How do people interpret websites without vision? Most people who are visually impaired will use a Screen Reader to browse web content.
  3. **How does semantic HTML help make websites accessible? Semantic HTML is a form of best practice by web developers when creating HTML content. The ability to organize this content through the best use of attributes, tags, inputs and overall organization makes the content more accessible to all including those using screen readers.
  4. **Name a few practices to avoid when writing HTML? There are many bad practices, but some of the most common would be the incorrect use of div tags when separating paragraphs or using an img or hyper link. The better choice would be to use the appropriate tags, such as the paragraph, anchor, or button tags.
  5. **What is a tab index? The tab index is an attribute that outlines an order of tabbing through the website and allows the user a more streamlined experience.
1 Like
#439

  1. accessibility is using semantic elements correctly to make a website more accessible to search engines, people who might be using screen readers or people who use keyboards to navigate websites, and many more scenarios, its makes the websites more accessible to anyone no matter how they view websites.

  2. they use screen readers, the screen reader will read out headings, paragraphs, lists and alt text in images, telling the listener if it’s a paragraph, image, heading, etc.

  3. by specifying that a button is a button with the tags it will make keyboards to navigate to the button via tab, there are many examples like this, the semantic elements having more meaning makes it more understandable for any tools like a screen reader.

  4. using html elements purely for styling, using like breaks instead of paragraphs and headings, using unclear language like dashes and slang terms, making page layouts with html tables, and many more.

  5. tab index is used to set an order for focusable elements, it should be used when the page layout is visually different then in the source code, it can also be used to give focus on elements that don’t have originally have focus.

1 Like
#440
  1. The practice of making your website usable by as many people as possible including those with disabilities, those using mobile devices and those with slow internet connections.
  2. By using magnifiers or screen readers.
  3. Semantic HTML improves accessibility and SEO making your site more findable. AT’s make uses of semantic information which supplements HTML elements in your web apps that fall down. It then adds the semantic information to the accessibility tree to improve accessibility It makes the site more useable by more groups (mobile users or low network speed). It is law in some places.
  4. Avoid cramming too much information on one page. Avoid using divs. Avoid using Bold and italics and instead use strong and emphasis
  5. Tab Index assigns a tab sequence number to the input. It indicates the sequential order of elements using the tab key.
1 Like
#441
  1. What is accessibility?

A// To use the correct HTML elements making sure that all is easy and accesible.

  1. How do people interpret websites without vision?

A// with screen readers

  1. How does semantic HTML help make websites accessible?

A// A good semantic in a HTML code is very important because it what makes the code accesible and let the website be easy for people to read and understand.

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

A//

  • 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> ](
  1. What is a tab index?
    A// Its an attribute that give focus to an element in HTML
1 Like
#442

  1. What is accessibility?
    On the topic of HTML, accessibility is the use of good semantic HTML coding to best present web data/information to users.

  2. How do people interpret websites without vision?
    Websites that are created without vision, that is, without a clear layout or sequence to the way that data is presented,
    tend to confuse users. Users are unsure of what to expect when links are clicked, unsure of what the next step is, etc.

  3. How does semantic HTML help make websites accessible?
    Semantic HTML makes websites accessible (or more accessible) by structuring data in a way that is easy (comparatively to other languages) to digest and code.
    In addition to the ease of presenation and coding, semantic HTML is the standard for structuring online data which means that all users and coders have a common
    template to work off of - giving all users a common workflow path making development, use on mobile, and seo much easier.

  4. Name a few practices to avoid when writing HTML.
    Avoiding the following practices is very valuable:
    Closing tags arbitrarily as opposed to closing tags as they should be closed sequentially.
    Lacking order or a straightforward approach when presenting data and links when creating a website.
    Abbreviating words or using dashes in text. Using non descriptive or open language/characters.
    Using outdated table layouts.
    Using non-native keyboard commands.
    Using ambiguous labels.
    Not considering alternatives to images, video, music, etc – consider that there are users who cannot hear or see clearly.
    Not making links standout from common text.
    Not clarifying what clicking on a link will result in.

  5. What is a tab index?
    A tab index is a way to categorize tab entries in a way that is non sequential. Tab indexes are made by associating tabbable entries with numbers. Tab indexes should be
    used with caution as users may experience confusion of the order of the tab index does not act inherent to the data on the website.

1 Like