HTML Techniques16.1, 10.6 baseline Discussion

 


16.1 Text alternatives for scripts


This technique relates to the following sections of the guidelines:

*	 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv>
Guideline 1.1 

*	1.1
<http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-functional>  L1
SC1 


Task: 


Use noscript when using script.

 

 

For Baseline that requires text only (lynx) There needs to be a purely text
alternative. (Not NoScript)

 

For a baseline that requires HTML, CSS (not JavaScript) there should a
noScript

 

For a Baseline that supports Javascript, There should still be redundant
links (for menus) and text alternatives.

 


10.6 Long descriptions of images


This is unaffected by baseline


This technique relates to the following sections of the guidelines:

*	 <http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv>
Guideline 1.1 

*	1.1
<http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-informative>  L1
SC2 
*	1.1
<http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-sensory>  L1 SC3 
*	1.1
<http://www.w3.org/TR/2004/WD-WCAG20-20041119/#text-equiv-explicit-assoc>
L1 SC5 


Task: 


For images using the img element, describe detailed information in a
separate file, and use the longdesc attribute to direct users to that file.

When a short text alternative does not suffice to adequately convey the
function or role of an image, provide additional information in a file
designated by the longdesc attribute. 

Editorial Note: Link to information that describes how to write
descriptions, e.g., Excerpts from the NBA
<http://www.w3.org/2000/08/nba-manual/Overview.html>  Tape Recording Manual,
Third Edition.


Example:


This example directs users to a file called "2001sales.html" to describe the
sales data for 2001.

Here are the contents of 2001sales.html:

In sales97.html:

A chart showing how sales in 1997 progressed. The chart is a bar-chart
showing percentage increases in sales by month. Sales in January were up 10%
from December 1996, sales in February dropped 3%, ..

 
<img src="97sales.gif" alt="Sales for 1997" longdesc="sales97.html">

 

 

 

 

 

 

 

 

 

 

 

Here are some HTML techniques that won't be affected by baseline

 

*	1. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#metadata#metadata>
Metadata 

*	1.1 The <http://www.w3.org/TR/WCAG20-HTML-TECHS/#doctype#doctype>
!doctype statement 
*	1.2 The title <http://www.w3.org/TR/WCAG20-HTML-TECHS/#title#title>
element 
*	1.3 The <http://www.w3.org/TR/WCAG20-HTML-TECHS/#address#address>
address element 
*	1.4
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#link-glossary#link-glossary>
Glossary

*	2. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#navigation#navigation>
Navigational Supports 

*	2.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#meta_redirect#meta_redirect>  Meta
redirect 
*	2.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#meta_refresh#meta_refresh>  Meta
refresh 
*	2.3 Site <http://www.w3.org/TR/WCAG20-HTML-TECHS/#sitemap#sitemap>
map 
*	2.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#link-nav#link-nav>
Collection information

*	3. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#headings#headings>
Headings 

*	3.1 Section headings <http://www.w3.org/TR/WCAG20-HTML-TECHS/#hx#hx>

*	3.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#hx-misuse#hx-misuse>
Header misuse

*	4. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#language#language>
Language 

*	4.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#lang-att_primary#lang-att_primary>
Identifying the primary language 
*	4.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#lang-att_change#lang-att_change>
Identifying changes in language

*	5. Text <http://www.w3.org/TR/WCAG20-HTML-TECHS/#inline#inline>
Markup 

*	5.1 Emphasis <http://www.w3.org/TR/WCAG20-HTML-TECHS/#em#em>  
*	5.2 Abbreviations
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#abbr#abbr>  
*	5.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#acronym#acronym>
Acronym 
*	5.4 Blink <http://www.w3.org/TR/WCAG20-HTML-TECHS/#blink#blink>  
*	5.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#marquee#marquee>
Marquee 
*	5.6 Short Quotations <http://www.w3.org/TR/WCAG20-HTML-TECHS/#q#q>
(future) 
*	5.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#blockquote#blockquote>
Long quotations 
*	5.8
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#blockquote_misuse#blockquote_misuse
>  Misuse of blockquote 
*	5.9 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#title-att#title-att>
Use of the title attribute 
*	5.10
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#title-att-meaning#title-att-meaning
>  Supplemental meaning cues 
*	5.11 CSS <http://www.w3.org/TR/WCAG20-HTML-TECHS/#use-css#use-css>
instead of presentational markup 
*	5.12
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#html-non-deprecated#html-non-deprec
ated>  Use non-deprecated presentational markup 
*	5.13
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#semanticmarkup#semanticmarkup>
Inline structural elements to identify citations, code fragments, deleted
text, etc. 
*	5.14 Color <http://www.w3.org/TR/WCAG20-HTML-TECHS/#color#color>  
*	5.15
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#relative-size#relative-size>
Relative size

*	6. Lists <http://www.w3.org/TR/WCAG20-HTML-TECHS/#lists#lists>  

*	6.1 Ordered lists <http://www.w3.org/TR/WCAG20-HTML-TECHS/#ol#ol>  
*	6.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#list-misuse#list-misuse>  Abuse of
list markup

*	7. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables#datatables>
Data Tables 

*	7.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_caption#datatables_capti
on>  The caption element (optional) 
*	7.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_summary#datatables_summa
ry>  Summarizing data tables (optional) 
*	7.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_abbr#datatables_abbr>
Terse substitutes for header labels (optional) 
*	7.4
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_rowgroup#datatables_rowg
roup>  Identifying groups of rows (optional) 
*	7.5
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_colgroup#datatables_colg
roup>  Identifying groups of columns (optional) 
*	7.6
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_scope#datatables_scope>
Specifying the set of data cells for which each header cell provides header
information 
*	7.7
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_headers#datatables_heade
rs>  Associating header cells with data cells 
*	7.8
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_axis#datatables_axis>
Categorizing data cells 
*	7.9
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_premisuse#datatables_pre
misuse>  Misuse of the pre element 
*	7.10
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#datatables_th#datatables_th>  Row
and column headings

*	8.
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables#layouttables>  Tables
for layout 

*	8.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables-avoid#layouttables-avo
id>  Layout tables (deprecated) 
*	8.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_td#layouttables_td>
Table structure in layout tables 
*	8.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_summary#layouttables_s
ummary>  Summaries of layout tables 
*	8.4
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#layouttables_linearize#layouttables
_linearize>  Linear reading order of tables

*	9. Links <http://www.w3.org/TR/WCAG20-HTML-TECHS/#links#links>  

*	9.1 Link <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linktext#linktext>
Text 
*	9.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#a-title#a-title>
Supplement link text with the title attribute 
*	9.3 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagelink#imagelink>
Text for images used as links 
*	9.4
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagetextlinks#imagetextlinks>
Image and text links side by side 
*	9.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups#linkgroups>
Link groups 
*	9.6
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_tabindex#linkgroups_tabi
ndex>  tabindex to skip link groups (future) 
*	9.7
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_skip#linkgroups_skip>
Skipping link groups 
*	9.8
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#linkgroups_hide#linkgroups_hide>
Hide link groups 
*	9.9
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#a-accesskey#a-accesskey>  Keyboard
access 
*	9.10
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#links_popup#links_popup>  Anchors
and targets 
*	9.11
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame_popup#frame_popup>  Using
frame targets (deprecated) 
*	9.12
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#target-not-js-windows#target-not-js
-windows>  Opening new windows 
*	9.13
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#link_structure#link_structure>  The
link element and navigation tools 
*	9.14
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#link_alternative#link_alternative>
The link element and alternative documents

*	10. Images <http://www.w3.org/TR/WCAG20-HTML-TECHS/#images#images>  

*	10.1 Short <http://www.w3.org/TR/WCAG20-HTML-TECHS/#img-alt#img-alt>
text alternatives for img elements ("alt-text") 
*	10.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#images-as-spacers#images-as-spacers
>  Spacer images 
*	10.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#alt-text-misuse#alt-text-misuse>
Misuse of alternative text 
*	10.4
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#object_shortdescription#object_shor
tdescription>  Short text alternatives for object elements (future) 
*	10.5
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#obj-inline-alt#obj-inline-alt>
Non-explicit text alternatives for object 
*	10.6
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#img-longdesc#img-longdesc>  Long
descriptions of images 
*	10.7
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#object_description#object_descripti
on>  Long description of objects 
*	10.8 D links <http://www.w3.org/TR/WCAG20-HTML-TECHS/#dlink#dlink>
(deprecated) 
*	10.9
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#descriptionindocument#descriptionin
document>  Describe images without longdesc 
*	10.10 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#asciiart#asciiart>
ASCII art 
*	10.11 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#emoticon#emoticon>
Emoticons 
*	10.12
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#no-text-in-images#no-text-in-images
>  Text in images 
*	10.13
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#background-image#background-image>
Background images

*	11. <http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagemaps#imagemaps>
Image Maps 

*	11.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#csimnotssim#csimnotssim>  Use
client side image map 
*	11.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#ssim_textlinks#ssim_textlinks>
Text links for server side image maps. 
*	11.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#csim_textlinks#csim_textlinks>
Redundant text links for client side image maps (deprecated) 
*	11.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#area-alt#area-alt>
Text alternatives for client-side image maps

*	12.
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#programmaticobjects#programmaticobj
ects>  Programmatic objects and applets 

*	12.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#markupnotimage#markupnotimage>
Markup and style sheets rather than images: the example of math 
*	12.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#progobj-fallback#progobj-fallback>
Programmatic object fallbacks 
*	12.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#progobj-altcontent#progobj-altconte
nt>  Alternative content for programmatic objects 
*	12.4 Text <http://www.w3.org/TR/WCAG20-HTML-TECHS/#object#object>
and non-text alternatives for object 
*	12.5
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#applet-content#applet-content>
Alternative content for applet 
*	12.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#applet-alt#applet-alt>
Alt text for applet 
*	12.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noembed#noembed>
Alternative content for embed 
*	12.8 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#embed-alt#embed-alt>
Alt text for embed 
*	12.9 Embedding <http://www.w3.org/TR/WCAG20-HTML-TECHS/#embed#embed>
multimedia objects 
*	12.10
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#download-viewer#download-viewer>
Plugin viewers

*	13. CSS Techniques <http://www.w3.org/TR/WCAG20-HTML-TECHS/#css#css>


*	13.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#css-style#css-style>
CSS styling

*	14. Frames <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frames#frames>  

*	14.1
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-title#frame-title>  Frame
titles 
*	14.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-name#frame-name>
Frame name 
*	14.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame-longdesc#frame-longdesc>
Describing frame relationships (deprecated) 
*	14.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noframes#noframes>
Writing for browsers that do not support FRAME 
*	14.5
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#frames_html#frames_html>  Frame
sources 
*	14.6 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#frame_link#frame_link>
Descriptive links for inaccessible frame source 
*	14.7
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#iframe_content#iframe_content>
Alternative content for iframe 
*	14.8
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#iframe-longdesc#iframe-longdesc>
Longdesc for iframe 

*	15. Forms <http://www.w3.org/TR/WCAG20-HTML-TECHS/#forms#forms>  

*	15.1 Explicit <http://www.w3.org/TR/WCAG20-HTML-TECHS/#label#label>
form labels 
*	15.2
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#label-implicit#label-implicit>
Implicit labels for form controls (deprecated) 
*	15.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#label-title#label-title>  Label
form controls with the title attribute 
*	15.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#fieldset#fieldset>
Grouping form controls 
*	15.5 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#optgroup#optgroup>
Grouping options of select elements 
*	15.6
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#form_tabindex#form_tabindex>  Tab
order in forms 
*	15.7
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#imagesubmit-alt#imagesubmit-alt>
Text alternatives for submit buttons 
*	15.8
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#forms-layouttable#forms-layouttable
>  Tabular forms

*	16. Script <http://www.w3.org/TR/WCAG20-HTML-TECHS/#scripts#scripts>
techniques 

*	16.1 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#noscript#noscript>
Text alternatives for scripts 
*	16.2 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#js-url#js-url>
JavaScript URLs 
*	16.3
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#script-submit#script-submit>
Scripted form submission 
*	16.4 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#script-da#script-da>
Keyboard shortcuts for directly accessible scripts 
*	16.5
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#eventhandlers#eventhandlers>
Device dependent event handlers 
*	16.6
<http://www.w3.org/TR/WCAG20-HTML-TECHS/#event-handlers-abstract#event-handl
ers-abstract>  Abstract event handlers 
*	16.7 <http://www.w3.org/TR/WCAG20-HTML-TECHS/#autosubmit#autosubmit>
Auto submit combo boxes

 

Received on Wednesday, 13 April 2005 02:33:39 UTC