Reading Assignment: Accessibility and HTML

  1. What is accessibility? A site that’s “accessible” means ay user can use all he site’s features no matter how they access the web. And for users with physical or mental impairments.

  2. How do people interpret websites without vision? They can use screen readers and screen magnifiers.

  3. How does semantic HTML help make websites accessible? Helps reader who the text might not be in their first language, and aids screen readers.

  4. Name a few practices to avoid when writing HTML.
    *Avoid using dashes
    *Try not to use abbreviations
    *Expand acronyms

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

2 Likes
  1. What is accessibility?
    Accessibility means taking into consideration the clients accessing the webpage, by placing the proper elements to respond to the user.
  2. How do people interpret websites without vision?
    People without vision intepret websites with screen readers and screen magnifiers.
  3. How does semantic HTML help make websites accessible?
    Sematic HTML help make websites accessible by improving the SEO for users to locate much easier, and rendering properly to your client depending on their need(vision issues etc).
  4. Name a few practices to avoid when writing HTML.
    A few practicies to avoid when writing HTML are using unnessesary divs when you can just use the new self described tags. Or not organized code with the proper element tags.
  5. What is a tab index?
    A tab index specifies the order of elements using the TAB key.
2 Likes
  1. What is accessibility? Accessibility is the ability for your HTML to be used on multiple browsers, devices etc and displayed with the proper formatting and less size by using HTML5 tags.
  2. How do people interpret websites without vision? Using a screen reader
  3. How does semantic HTML help make websites accessible? It helps give context to elements of the website such as an article paragraph or strong text.
  4. Name a few practices to avoid when writing HTML.
    A few practices to avoid when writing HTML is code not organized in a readable manner, not providing any context to the code for someone else to read it, and leveraging older style HTML div’s etc.
  5. What is a tab index?
    A tab index is a way to have a specific tab order of elements custom so that if you tab through elements on the page it goes in a different order then default source order.
2 Likes
  1. What is accessibility?
    The practice of making your website usable by as many people as possible, extending reach to those in a different country or those will a disability.

  2. How do people interpret websites without vision?
    By using screen readers which interpret digital text out loud.

  3. How does semantic HTML help make websites accessible?
    It can improve a website’s search engine optimization, making it more likely for search engines like Google to offer your website to users looking for the relevant subject matter provided.

  4. Name a few practices to avoid when writing HTML.
    Violating WC3 guidelines or domestic laws in regards to how you write your website, making the semantics of your website uninterpretable for most people, or using HTML tables to contain the header, footer, etc.

  5. What is a tab index?
    An attribute used to specify the tab order of elements.

2 Likes
  1. What is accessibility?
    Accessibility is the possibility to acces the website no matter how we acces the website.
  2. How do people interpret websites without vision?
    By using screen readers and screen magnifers
  3. How does semantic HTML help make websites accessible?
    It makes code cleaner, the website is more SEO friendly, makes it easier to be resposnive.
  4. Name a few practices to avoid when writing HTML.
    using dashes, incorrect semantics, acronymus
  5. What is a tab index?
    It declares the order of elements using the TAB key
2 Likes
  1. Accessibility is making more usable your website to as many people as possible.
  2. With screen readers.
  3. Because it improves the SEO and makes your site more findable, also its easier for you and other developers to understand the code.
  4. Using
    instead of other tags more specific to your objective. Using unclear language.
  5. The tab index is an element that people can interact with the Tab key.
2 Likes

1.accessiblity = is making the web content available to everyone no matter what method they are using
2.by using a screen reader
3.it makes it easier to interpret
4.using slang and abbreviations
5.tab index sets the order for navigation

2 Likes
  1. What is accessibility?
    –> Good web development practices in order to allow impaired people to be able to also consume web content and also to allow a better experience navigation, lighter code, better code maintenance, development productivity, data access, etc.
  2. How do people interpret websites without vision?
    –> Using the screen readers to hear the content’s description.
  3. How does semantic HTML help make websites accessible?
    –> Giving a proper structure and standard, allowing screen readers and other tools to make user’s experience better.
  4. Name a few practices to avoid when writing HTML.
    –> Using too much tags without criteria, using the html as mark up and not as bricks that will give structure to the html, do not including the meta data needed to describe each part of the code.
  5. What is a tab index?
    –> It’s an " 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."
2 Likes

1. What is accesibility?
Accesibility is the practice of making the website accesible by as many people as possible, including people with disabilities, mobile devices or those who have slow connection.

2. How do people interpret websites without vision?
By the use of screen readers that read the content of the page out loud.

3. How does semantic HTML help make websites accessible?
With the use of semantic elements we help not only screen readers, but also those on mobile devices and with slow connections, since semantic markup is fast to load.

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

  • Use of bold and italic tags since they have no semantic meaning and it’s not going to benefit people using screen readers. Use tags strong and em instead.
  • Not closing tags.
  • Not writing alt attribute. We need to define an alternative text if the image is not available.
  • Not using descriptive links. Name the link with a title of the article.
  • Using multiple line breaks. It’s better to split the text into seperate paragraphs.
  • Using divs to create a header and a footer. There is no semantic structure in divs so use “header” and “footer” elements instead.

5. What is a tab index?
Tabindex is a global attribute that allows HTML element to receive focus. It needs value of 0 or a negative number in order to work in accesible way using the Tab key.

2 Likes

1.) Accessibility is making a websites content and features completely accessible to any and everyone…particularly and especially those with impairments and disabilities.

2.) People without vision can benefit from screen readers (software that reads the text on pages aloud).

3.) Semantic HTML makes websites accessible via the WAI-ARIA specification. It adds semantic information to the accessibility tree to improve the accessibility.

4.) Avoid using proper block elements, tags, links, etc., incorrectly as misuse could affect the desired outcome of your page. Also, avoid the misuse of proper protocols as they are important in allowing links to direct site visitors appropriately.

5.) The Tab Index global attribute indicates that it’s element can be focussed, and also where it participates in sequential keyboard navigation…usually with the tab key, hence the name.

2 Likes
  1. What is accessibility?
    Accessibilty refers to using certain web development practices to allow impaired people to understand your web context using accessibility features in web development makes it develop with and is also a good SEO practice where the google bot detects relevant data in an easier fashion and that can help you gain traction to your website.

  2. How do people interpret websites without vision?
    Screen readers

  3. How does semantic HTML help make websites accessible?
    Symantics help websites to make them clearly visible and more uniformed. You would want something that is clear and structured on your webpages to be easily read by everyone.

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

  • Not closing tags
  • Using “b” instead of “strong”
  • using to many &nbsp’s between words
  • using divs to create headers and footers
    just to name a few
  1. What is a tab index?

Tab indexes indicate that an element can be focused upon and determines the following focus values -

1+ -1 or 0

3 Likes
  1. Accessibility is how easy something is to use
  2. They use screen readers
    3.Semantic HTML makes websites more accessible by being easier for people with phones to access since files are smaller, easier to develop with and understand, and easier for search engines to understand making it more findable
  3. avoid using
    use instead use correct language instead of slang, and break up with

    instead of line breaks to make clearer

  4. The tab index is used to navigate tab order
2 Likes
  1. What is accessibility?
    Accessibility is the aim of making your websites/apps usable by as many people in as many contexts as possible.
  2. How do people interpret websites without vision?
    screen readers
  3. How does semantic HTML help make websites accessible?
    Provides the user with good ways to navigate and interact with your site.
  4. Name a few practices to avoid when writing HTML.
    Don’t use dashes , abbreviations or acronyms
  5. What is a tab index?
    A tab index is an attribute primarily intended to allow tabbable elements to have a custom tab order
2 Likes
  1. What is accessibility?

Accessibility refers to how accessible your website content is to as many people as possible, even with impairments.

  1. How do people interpret websites without vision?

By using a screen reader

  1. How does semantic HTML help make websites accessible?

It helps screen readers/users navigate the web page better

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

Using overcomplicated language
Not spelling out acronyms at first mention

  1. What is a tab index?

An attribute that makes an element tabbable.

2 Likes
  1. Accessibility is the ability of any user being able to use all the features/contents of a particular website, regardless of how the user accesses the website. It is almost like a website viewing equality.

  2. Users without the ability to visually see what is on their screen will use screen readers, which is software that allows the webpage to be read aloud.

  3. Semantic HTML allows all users to truly understand what each element is to be used for and creates a better understanding for those viewing the website on how to interpret certain elements

  4. Don’t use dashes if you can avoid it … expand abbreviations … expand acronyms.

  5. A button can be specified using the tab button.

2 Likes
  1. Accessibility is enabling all users the best experience when using your website. Some users may have disabilities which require special attention to detail when writing in code for an audio reading of the content.
  2. A screen reader can be used to present an audio experience of the website for the user. Proper HTML semantics allow for an easier listening experience.
  3. It allows the user to essentially visualize through the audio produces by the HTML. Allows proper pausing in dialog for titles, tables, images, etc. Also give the user the ability to use the tab, enter, and return to navigate buttons. Some other perks are that it creates a better mobile experience as well as being better for search engines.
  4. Some things to avoid are: Presentational HTML which focuses more on visuals rather than content and structure. Improper use of line breaks. Using unclear language like abbreviations, dashes, slang, or acronyms. Using HTML tables to create page layouts.
  5. The tab index attribute specifies the tab order of an element when using the tab button for navigation.
2 Likes
  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? People without vision interpret websites through a screenreader. People with just a little vision often make use of physical magnifiers or software zoom capabilities.

  3. How does semantic HTML help make websites accessible? Semantic HTML makes websites accessible by defining code in a clear and structured way so its interpretable by software programs that help (cognitive) disabled people interpret websites.

  4. Name a few practices to avoid when writing HTML. Using unclear language. Using dashes if you can avoid it. Expand abbreviations (Jan - January). Expand acronyms at least once or twice. For instance if you describe HTML, writhe Hypertext Markup Language.

  5. What is a tab index? A tab index is an attribute that indicates if the element can take input focus and if it should participate to sequential keyboard navigation.

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

  • How do people interpret websites without vision?
    with screenreaders

  • How does semantic HTML help make websites accessible?
    Semantic HTML improves accessibility and improves SEO.

  • Name a few practices to avoid when writing HTML.
    Avoid to use divs everywhere. use the appropriate tags for.
    Avoid to foget important elements which decribe your html document
    Use extensions for vs code that saves some time.

  • What is a tab index?
    tabindex is a global attribute that allows an HTML element to receive focus wich can be used for keyboard control with the tab key for ppl which dont own a mouse.

2 Likes
  1. Accessibility refers to the idea of making websites usable by as many people as possible.

  2. People use sound or touch to interpret websites or bigger text.

  3. Semantic HTML allows websites to be picked up more easily by google, better accessibility on mobile, and gives an ordered flow to the information being presented.

  4. When writing HTML best practices include:
    A.Use plain language when possible,
    B. Use Semantic HTML when possible.
    C. Creating a consistent layout with minimal distractions.

  5. A tab index is an attribute that specifies the tab order of an element.

2 Likes
  1. What is accessibility?
    Accessibility is the practice of making your website usable by as many people as possible.
  2. How do people interpret websites without vision?
    Screen readers and voice assists.
  3. How does semantic HTML help make websites accessible?
    Semantic HTML helps search engines, screen readers, and other user devices determine the significance and context of web content.
  4. Name a few practices to avoid when writing HTML.
    Using line breaks instead of adding elements, avoid using dashes and spaces, expand abbreviations and acronyms.
  5. What is a tab index?
    It is a global attribute that allows and html element to receive focus. The element can be navigated through a keyboards tab.
2 Likes