Reading Assignment: Accessibility and HTML

Javascript Course 2021
#65
  1. What is accessibility?
    Making the website as usable as possible.
  2. How do people interpret websites without vision?
    With screen readers
  3. How does semantic HTML help make websites accessible?
    Gives it order, makes it more readable and the structure has more meaning. Good for SEO too.
  4. Name a few practices to avoid when writing HTML.
    Avoid HTML tables, weird old relic layouts, avoiding using native functions w/ keyboard accessibility, etc.
  5. What is a tab index?
    It is an attribute to set up a non-default order for tab-able elements.
1 Like
#66

  1. What is accessibility?
    Ensuring all users including those with visual and audible disabilities are able to access and interpret your website content.

  2. How do people interpret websites without vision?
    People with disabilities are able to use screen readers to interpret website content.

  3. How does semantic HTML help make websites accessible?
    Creates code that is more easily interpreted by screen readers to properly express website content. Also improves SEO which will allow website to be more easily found during relevant searches in search engines.

  4. Name a few practices to avoid when writing HTML.
    Spaghetti code, using outdated shortcuts that don’t provide a clean UI for screen reader users, dashes, acronyms, and abbreviations should also be avoided.

  5. What is a tab index?
    Allows tabbable elements to have a custom tab order instead of the generic order they were coded in. This creates the proper flow and direction of interpretation of the website to someone needing additional accessibility.

1 Like
#67
  1. What is accessibility?

The practice of making your websites usable by as many people as possible, the practice of making sites accessible also benefits other groups such as those using mobile devices, or those with slow network connections.

  1. How do people interpret websites without vision?

Many people with visual impairments use screen or software zoom capabilities or software zoom capabilities.

  1. How does semantic HTML help make websites accessible?

Make sure the correct Hypertext Markup Language elements are used for the correct purpose at all times.

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

Make sure to add a closing tag
Make sure that your elements are properly nested
Make sure you don’t omit https:// or the http:// part at the beginning of the web address when using links

  1. What is a tab index?

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

1 Like
#68

What is accessibility?

If you reduced physical function of some sort, its a way of still being able to consume the content

How do people interpret websites without vision?

They have a screen reader read the content

How does semantic HTML help make websites accessible?

It makes it easier for screen readers to interpret the page and to give feedback to the user about what is being presented and a way to interact with it.

Name a few practices to avoid when writing HTML.

  • To not have good content structure
  • Using overly complex language
  • Not using appropriate elements

What is a tab index?

It is an attribute that indicates that its element can be focused using the TAB key and interacted with or used effectively by a screen reader or keyboard navigation.

1 Like
#69
  1. In webdesing, accesibility is the term used to describe the degree to which webusers with impairments (visual or audio) can access information on a website.
  2. Screen readers are used to read out loud the website, they help visually impaired navigate through the web.
  3. Bad semantic text doesn´t use proper tags, tag elements or image descriptions, using semantic HTML tags and elements helps the screen reader read out the website properly.
  4. you should avoid using div tags, you should also avoid using clickable ,click me" links, because you can make the main text you are writing into a clickable link.
  5. A website usually has many things that can be clicked. These things , usually buttons and links, can be selected with the keyboard using the tab button. the order in which the clickable items on the website are selcted is in the order set by the tab index. by default it goes through the source code from top to bottom. but with css you can manually set the order in which the items are selected.
1 Like
#70

Not sure if you still need this but I asked the question in another topic:
https://studygroup.moralis.io/t/html-quiz-help-either-this-is-a-coding-error-or-im-very-confused/42410?u=bode

1 Like
#71

Thank a lot for solving this and letting me know! :slightly_smiling_face:

#72
  1. What is accessibility?

How people interact with and read a website. It’s good to make a site available to people with disabilities.

  1. How do people interpret websites without vision?

Through a screen reader.

  1. How does semantic HTML help make websites accessible?

It makes it easier for them to find the part of the page that they want to read by organizing it easily.

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

Don’t use tables to format the page.

Don’t use dashes, write things out

Abbreviations and acronyms should be written out at least once

  1. What is a tab index?

An attribute that puts tabable elements in a custom order

1 Like
#73

  1. What is accessibility?
    Accessibility allows people with disabilities to use a web site.

  2. How do people interpret websites without vision?
    They use screen readers to listen to content and the tab button to navigate.

  3. How does semantic HTML help make websites accessible?
    Elements being tagged properly allows screen reader
    software to know what the page elements actually are and it enables proper tabbing.

  4. Name a few practices to avoid when writing HTML.
    Using presentational HTML and line breaks as well misusing <div> tags when designing a webpage

  5. What is a tab index?
    It’s an attribute that allows tab-able elements to have a custom tab order.

1 Like
#74

  1. Accessibility is process of makong sure that our websites are usable to all people.

  2. People interpret websites without vision through screen reading devices.

  3. Semantic HTML makes websites very accessible since it use many different tag elements and attributes that help users to navagate easliy and effectively.

  4. A few practices to avoid when writing HTML are dashes, abbreviations, acronyms, etc.

  5. A tab index provides tabbing navagation orders among elemens.

1 Like
#75
  1. Making a website usable for different people/programs
  2. Screen readers
  3. Differentiating parts of the website from each other, also taking advantage of functionality built into certain tags
  4. Using div or span when you can use a more precise tag, using characters that screen readers wont read
  5. A piece of code to make an element reachable via the tab key
1 Like
#76

1.What is accessibility?
Making websites more accessible for different groups of people. For different devices (Phone,Tablet,TV). Make it accessible and easy to navigate for disabled, handicapped and other(elder) groups of people. Using right semantics for websites structure and visibility.
2. How do people interpret websites without vision?
Most cases they are using Digital text readers aka Screen readers.
3. How does semantic HTML help make websites accessible?
Semantic HTML, which improves accessibility, also improves SEO, making your site more findable.
4. Name a few practices to avoid when writing HTML
Do not use breaks, paragraphs.
5. What is a tab index?
Index is to create navigation of information tags.

1 Like
#77

  • What is accessibility?
    Means proper (semantic) elements used in the code to obtain better navigation and further functionality (for example button . . .) for everyone.

  • How do people interpret websites without vision?
    Via screen readers technology

  • How does semantic HTML help make websites accessible?
    It helps to have a better structure for further development, better usage on mobile phones and other devices. Also for search engines to be better findable.

  • Name a few practices to avoid when writing HTML.
    Use proper structure (nav, buttons, headers, sections, etc.)

  • What is a tab index?
    Feature to use a tab in the navigation.

1 Like
#78

Accessibility in terms of building websites is the practice of making your websites usable by as many people as possible. Providing accessible sites is part of the law in some countries.

People with visual impairments use screen magnifiers that are either physical magnifiers or software zoom capabilities. Some users rely on screen readers, which are software that reads digital text aloud.

Semantic HTML helps the web crawlers to extract important texts from our websites which leads to better search engine optimization of our webpage hence it makes our website accessible to more people.

Few practices to avoid when writing HTML are:

  • Writing the HTML code and CSS simultaneously, If you write them at the same time you can often lose your train of thought and it could take longer than it should to code the website.
  • Tables were never meant to be used for the layout. Not only do tables make your markup ugly but they render slowly and make your code hard to maintain.
  • Writing JavaScript and CSS in the HTML files is a bad idea, since every time you go to a page you have to re-download the CSS and JavaScript if they’re not external. If they are external browsers can cache them and will not have to load them again.

The tabindex attribute specifies the tab order of an element inside the webpage when the “tab” button is used for navigating.

1 Like
#79

  1. Accessibility means that as many people as possible can navigate through your website without difficulties.

  2. They can use screen reader.

  3. Semantic HTML gives an easy way for users to interpret websites.

  4. Avoid abbrevations, dashes, acronyms and unclear language.

  5. Tab index is the practice of navigating through elements by using the tab key.

1 Like
#80
  1. What is accessibility?
    Accessibility is the practice of making your site usable by anyone, including but not limited to those with disabilities who are using a screen reader, people whose primary language is not one your site is using, people with slower connection speeds, mobile users, essentially accessibility is the ability for anyone to have access to your site without possible imparement.
  2. How do people interpret websites without vision?
    People without vision will utilize a screen reader in order to interpret sites, which reads off the content of the website to them.
  3. How does semantic HTML help make websites accessible?
    Semantic HTML allows screen readers, for example, to properly read content to its users with ease and with clear understanding of the content. It also allows easier accessibility to mobile users.
  4. Name a few practices to avoid when writing HTML.
    Avoid using jargon
    Avoid using hyphens when a word will do better (i.e. 5 - 7, instead use 5 to 7)
    Expand abbreviations
    Expand acronyms on the first few times you mention a word
  5. What is a tab index?
    A tab index is programmed into the html code to allow a user to “tab” from one selection to another, giving people using only a keyboard accessibility to navigate to different sections of your website, (i.e. using TAB to move from one text entry to another)
1 Like
#81

1 is because is more easy to users navigate on the website, for example they can use tab and use Enter on keyboard to choose or start an action on the site

2 they may confuse when a new tab or window opened unexpectled

3 three reasons

  • you get some extra functionality for free, ex button

  • is better for mobile is a lighter file

  • is good for SEO

4 to avoid:
dont use div in all your code
dont use dashes 5-7 use 5 to 7

5 is to give a order to the different tabs, but seems this is a bad idea do this, cause can cause confusion

1 Like
#82
  1. 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.
  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 without vision?
    Structural, semantic HTML is the key starting point toward good accessibility practices. When a screen reader, or any sort of assistive device scans a web page, it gets information about the Document Object Model (DOM), or the HTML structure of the page
  4. Name a few practices to avoid when writing HTML.
    Avoid using dashes and avoid capitalizing markup.
  5. What is a tab index?
    The tab index 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.
1 Like
#83
  1. The practice of making your websites usable by as many people as possible.
  2. Screen readers
  3. It provides a clear and easy path for the reader to interpret for the user.
    • Not Closing Tags. We know that HTML is all about tags.
    • Not Writing Alt Attribute.
    • Missing Doctype.
    • Inline Styles.
    • Using Multiple Line Breaks.
  5. Tab index 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
1 Like
#84

  1. Accesssibilty is the practice of making website usable for as many people as possble. Phyiscally imapaired and slow networks, devices etc.

  2. Zoom function and screen readers.

  3. Avoid using generic tags such as


    when more decrepitive tages are available which makes the website easily read and accessed.

  4. Sequential keyboard navigation using the tab key.

1 Like