ALT Tags are invisible descriptions of images which are read aloud to blind users on a screen reader or are used if someone has images turned off on their.

Slides:



Advertisements
Similar presentations
3.02D HTML Overview 3.02 Develop webpages.
Advertisements

Ease of Access and Assistive Technology on Windows 7 Computer Access for Individuals with Visual Impairments.
 1. You must have a personal page to create a Club page. You will use this account to manage your Club account. Your personal account profile is separate.
NSU Web Services Website Guidelines & Creating Accessible Website Content.
Section 508 Overview Michele Sarko. What is Section 508?  Section 508 is a federal law  Passed in August, 1998 and took effect in June 2001  Requires.
Braille keyboard/printer (H) Braille keyboard/printer (H) PAC mates (S) PAC mates (S) Voice recognition devices (S) Voice recognition devices (S) Magnifiers.
HTML Semantic Structure
Creating Accessible Word Documents by Debbie Lyn Jones, IT Manager I, NSU Webmaster FRIDAY, JANUARY 23, 2015.
ATI Best Practices Web Accessibility by Flavio Argueta Rapeepun Suchin (Maew) CSU Los Angeles 2008 Regional Meetings – Fullerton.
To. An easy way to explain the internet is to think of your school computers all linked together into a network that you can put information into.
LIST- HYPERLINK- IMAGES
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Web Accessibility Issues. Why Consider Access Issues ? Discrimination Numbers of disabled students in HE likely to increase Sites designed for the disabled.
Designing a User Interface for People with Disabilities u u
Making The Web Usable By Everyone (Including people with disabilities, people with slow net connections, people with broken mice, etc.) Gregory C. Lowney,
Assistive Technology Ability to be free. Quick Facts  Assistive technology is technology used by individuals with disabilities in order to perform functions.
Lawyers Like Paper Brief Service documents Contracts, such as retainer agreements Demographic forms, such as Income verification forms Releases Informational.
Agenda Links External and Internet Links Anchor Tag Text Hyperlinks Image Hyperlinks Images Image Attributes: src, alt, width, height, align, border.
June 21, 2001 (are you ready?). Web Design for the Visually Impaired Compliance with Section 508 of the Rehabilitation Act Amendments, 1998.
Last week you should have had something that looked like this.
Unit 2, cont. September 12 More HTML. Attributes Some tags are modifiable with attributes This changes the way a tag behaves Modifying a tag requires.
How People with Disabilities Access the Web Web Design – Sec 2-5 Part or all of this lesson was adapted from the University of Washington’s “Web Design.
Development of Accessible E- documents and Programs for the Visually Impaired Internet browsing and accessibility.
Web Foundations TUESDAY, OCTOBER 22, 2013 LECTURE 16: WEB IMAGES.
XHTML1 Images N100 Building a Simple Web Page. XHTML2 The Element The src attribute specifies the filename of an image file To include the src attribute.
Web Design (7) Images (1). Images and the Image Element Images can be placed in the flow of text..jpg,.png and.gif image files work in web pages The img.
WEB ACCESSIBILITY. WHAT IS IT? Web accessibility means that people with disabilities can use the Web. Web accessibility encompasses all disabilities that.
HTML 58.51A ADDING GRAPHICS Web Graphic Formats "GIF" (graphics interchange format) JPEG (Joint Photographic Expert Group)
ACCESSIBILITY Devices for the Disabled users! By Kai Cubitt.
Adding Images. XHTML Element ElementAttributeAttribute Value Closing tag AttributeAttribute Value The src attribute supplies the name and location of.
Fundamentals of Graphic Communication 3.5 Accessible Design.
Accessibility of math educational materials for visually impaired people Piotr Brzoza Krzysztof Dobosz.
Fireworks Web Page mockups. Set up canvas/page size Fireworks is very well-suited to designing graphics and web pages for the screen. To create a web.
2.1 XHTML. Motto High thoughts must have high language. –Aristophanes.
Foreign Language Learning and Visually Impaired Students.
HTML IMAGES. CONTENTS IMG Tag Alt Attribute Setting Width and Height Of An Image Summary Exercise.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Images. Intro What is it? Getting your image Inserting Moving Resizing Cropping.
Microsoft FrontPage 2003 Illustrated Complete Creating a Frames Page.
Links and Images. Links HTML uses a hyperlink to link to another document on the Web A hyperlink can be either text or a picture Links are created with.
Easy WP Guide V2.6 for WordPress 3.8. easywpguide.com Adding Tags within your Post Adding Tags whilst editing your Post, will automatically assign those.
Inserting an Image Using the WordPress media manager, it’s extremely simple to insert, align and link your individual images and image galleries. To insert.
University of Sunderland CDM105 Session 3 Web Authoring Web accessibility A review of some of the current issues affecting Web design in respect to user.
Introduction to HTML Hypertext Mark-up Language. HTML HTML = Hypertext Mark-up Language Is just plain simple text marked up by “tags” You can create a.
Accessibility is not boring or difficult. It’s the right thing to do. Benjy Stanton.
Accessibility issues: Images and the use of ALT Text
How People with Disabilities Access the Web
Effectively Accommodating Low-Vision students
bReader – Blind can read now
Insert Title Here This template can be used as a guide to help you make more accessible presentations, or you can copy your materials over into this file.
Automatic lights.
HTML Images CS 1150 Spring 2017.
Introduction to Web Accessibility
Financial Aid: ATRC Services & Intro to Accessibility
Adding Images.
HTML Images.
Building your class website
Course Web Technology Guus Schreiber
INSERT TITLE HERE.
Title Slide Subtitle.
HTML Images CS 1150 Fall 2016.
Adding Images.
Screen Magnification Basics
Insert Title Here This template can be used as a guide to help you make more accessible presentations, or you can copy your materials over into this file.
Introduction to HTML.
Adding Images.
Insert Title Here This template can be used as a guide to help you make more accessible presentations, or you can copy your materials over into this file.
YOUR text YOUR text YOUR text YOUR text
Adding Images.
Adding Images.
Presentation transcript:

ALT Tags are invisible descriptions of images which are read aloud to blind users on a screen reader or are used if someone has images turned off on their browser.

It is text used to describe an image for the visually impaired (or if the image can’t be displayed/turned off in the browser). Good for screen readers (software – text to speech or braille – allows visually impaired people to use a computer). Describe the image and keep it brief.

There are two ways that a screen reader can provide feedback to the user: –Speech (text to speech TTS) –Braille.

Using ALT Alt attributes should always go inside image tags e.g. If you’re not sure what text to add, imagine you are describing the image to someone over the phone.

start with alt= For example, the attribute alt=“x-ray view of spacelab 1 in columbia’s cargo bay" hovering the pointer over an image containing an alt attribute will cause the alt text to appear.

Using Alt Text in Frontpage: Right click on an image Picture properties General Text – type in the text you want to show when you hover over the image