24
508 in Plain English Web Standards

508 in plain english

Embed Size (px)

Citation preview

Page 1: 508 in plain english

508 in Plain English

Web Standards

Page 2: 508 in plain english

Hello. My Name is Susan Ragland

Web Content EditorTarrant County College

Page 3: 508 in plain english

(a) A text equivalent for every non-text element

shall be provided (e.g., via “alt”, “longdesc”, or in element content).

Page 4: 508 in plain english

(a) Radiologic Technology program facilities

graphic assets slash divisions slash science slash radtech 2387dsc .jpg provide students hands-on experience.

Page 5: 508 in plain english

(a) Radiologic Technology program facilities

graphic CT imaging machine provide students hands-on experience.

Page 6: 508 in plain english

(b) Provide closed captioning.

Image from www.ncaonline.org

Page 7: 508 in plain english

(c) Required fields are marked in red.

Name Address ID number Email

Page 8: 508 in plain english

(c) Required fields are marked in red.

Name Address ID number Email

Page 9: 508 in plain english

(c) Required fields are marked with an asterisk

(*).

Name * Address ID number * Email

Page 10: 508 in plain english

(d) Book with illustrations = book without

Page 11: 508 in plain english

(d)

Image from csszengarden.com

Page 12: 508 in plain english

(d)

Image from csszengarden.com

Page 13: 508 in plain english

(e) & (f) Client-side = work done at the Web page

Can use a keyboard to tab through links

Server-side = work done at the server Mouse-centric

Page 14: 508 in plain english

(g) & (h) Label, label, label = tag, tag, tag

Image from www.w3.org

Page 15: 508 in plain english

(i) Don’t beam up the captain without telling him

where you’re dropping him.

Image from buddytv.com

Page 16: 508 in plain english

(j) Beware the flicker. (But flikr is ok.)

2 55

Page 17: 508 in plain english

(k) If can’t comply, provide a text-only version,

but you must update it each time other site is updated.

Image from movieposters.com

Page 18: 508 in plain english

(l) If you disable the script (such as javascript) is

the content still available AND available my keyboard?

http://www.visionaustralia.org.au/info.aspx?page=614

Page 19: 508 in plain english

(m) Code so players download automatically. Provide links to downloads.

Page 20: 508 in plain english

(n) Users expect radio buttons to precede the

choice. Consider how a person using screen reading

software might perceive the options. Label, label, label = tag, tag, tag

Page 21: 508 in plain english

(o)

Page 22: 508 in plain english

(o) <div class="secondaryNav"><ul><li><a href="Inicio.html" target="_self">Espa&#241;ol</a></li><li><a href="http://library.tccd.edu" target="_blank">LIBRARIES</a></li><li><a

href="Student_Services/Financial_Aid.html" target="_self">Financial Aid</a></li><li><a href="x118.xml" target="_self">A-Z Index</a></li><li><a href="x253.xml" target="_self">Calendar</a></li><li><a href="x2454.xml" target="_self" title="Links to CampusCruiser, WebAdvisor, and other systems">MyTCC</a></li></ul></div><div class="ask"><form id="questionForm" name="questionForm" method="post" action="http://tccd.intelliresponse.com/students/index.jsp"><input type="hidden" name="interfaceID" value="1" /><input type="hidden" name="id" value="-1" /><input type="hidden" name="requestType" /><input type="hidden" name="source" value="1" /><label>Ask TCC</label><input class="text" type="text" name="question" value="Ask real questions like: How do I apply to TCC?" size="55" maxlength="250" onfocus="if(this.value=='Ask real questions like: How do I apply to TCC?'||this.value=='Ask real questions like: How do I apply to TCC?')this.value='';" /><input class="image" type="image" src="Images/shared/buttons/ask.gif" alt="Ask" name="NormalRequest" value="Submit" /><div class="clear">&#160;</div></form></div></div><div id="page"><div id="nav"><div id="qm0" class="qmmc"><a href="Getting_Started.html" class="item0 firstItem" target="_self">Getting Started</a><div class="firstItem"><a href="x1342.xml" target="_self">Apply for Admission</a><a href="x1446.xml" target="_self">Financial Aid & Scholarships</a><a href="x1386.xml" target="_self">Placement Testing</a><a href="x1371.xml" target="_self">Academic Advisement</a><a href="x1445.xml" target="_self">Costs & Payments</a><a href="x1338.xml" target="_self">Register for Classes</a><a href="x1366.xml" target="_self">Student ID & Parking</a><a href="x1406.xml" target="_self">Bookstores & Textbooks</a><a href="x3655.xml" target="_self">Information Packet</a></div><a href="About_TCC.html" class="item1" target="_self">About TCC</a><div class=""><a href="About_TCC/Strategic_Plan.html" target="_self">Strategic Plan, TCC Vision 2015</a><a href="About_TCC/Accreditation.html" target="_self">Accreditation</a><a href="About_TCC/Administration.html" target="_self">Administration</a><a href="About_TCC/Board_of_Trustees.html" target="_self">Board of Trustees</a><a href="About_TCC/College_History.html" target="_self">College History</a><a href="About_TCC/Community_Reports.html" target="_self">Community Reports</a><a href="About_TCC/Education_Initiatives.html" target="_self">Education Initiatives</a><a href="About_TCC/Information_Center.html" target="_self">Information Center Statistics</a><a href="About_TCC/Institutional_Research.html" target="_self">Office of Institutional Research</a><a href="About_TCC/Mission_Statement.html" target="_self">Mission Statement</a><a href="About_TCC/News_Releases.html" target="_self">Recent News</a><a href="About_TCC/Open_Records_Requests.html" target="_self">Open Records Requests</a><a href="About_TCC/Public_Relations_and_Marketing.html" target="_self">Public Relations and Marketing</a><a href="About_TCC/Publications.html" target="_self">Publications</a><a href="About_TCC/Quick_Facts.html" target="_self">Quick Facts</a><a href="About_TCC/Welcome.html" target="_self">Welcome from the Chancellor</a></div><a href="Admissions.html" class="item2" target="_self">Admissions</a><div class=""><a href="Admissions/Apply.html" target="_self">Apply for Admission</a><a href="Admissions/Residency.html" target="_self">Residency</a><a href="Admissions/Submit_Transcript.html" target="_self">Submit a Transcript</a><a href="Admissions/Transcript_Evaluation.html" target="_self">Evaluation of Transfer Coursework</a><a href="Admissions/Admission_Status.html" target="_self">Admission Status and Notices</a><a href="Admissions/Registration.html" target="_self">Registration and Withdrawal</a><a href="Admissions/Registrar_Contact.html" target="_self">Registrar Offices</a></div><a href="Courses_and_Programs.html" class="item3" target="_self">Courses and Programs</a><div class=""><a href="Courses_and_Programs/Program_Offerings.html" target="_self">Program Offerings</a><a href="Courses_and_Programs/Credit_Non-Credit.html" target="_self">Credit vs. Non Credit</a><a href="Courses_and_Programs/Degrees_and_Certificates_District.html" target="_self">Degrees and Certificates</a><a href="Courses_and_Programs/Core_Curriculum.html" target="_self">Basics / Core Curriculum</a><a href="Courses_and_Programs/Fields_of_Study.html" target="_self">Fields of Study</a><a href="Courses_and_Programs/Weekend_College.html" target="_self">Weekend College</a><a href="Courses_and_Programs/Course_Descriptions.html" target="_self">Course Descriptions</a><a href="Courses_and_Programs/Class_Schedules.html" target="_self">Class Schedules</a><a href="Courses_and_Programs/Catalog_jump.html" target="_self">Catalog</a><a href="x842.xml" target="_self">Internet and ITV</a><a href="Courses_and_Programs/Service_Learning.html" target="_self">Service Learning</a><a href="Courses_and_Programs/Study_Abroad.html" target="_self">Study Abroad</a><a href="Courses_and_Programs/Transitional.html" target="_self">Transitional Programs</a></div><a href="Student_Services.html" class="item4" target="_self">Student Services</a><div class=""><a href="Student_Services/Advisement.html" target="_self">Academic Advisement</a><a href="Student_Services/Bookstores.html" target="_self">Bookstores and Textbooks</a><a href="Student_Services/Career.html" target="_self">Career and Employment</a><a href="Student_Services/Costs_and_Payments.html" target="_self">Costs and Payments</a><a href="Student_Services/Disability_Support.html" target="_self">Disability Support</a><a href="Student_Services/Financial_Aid.html" target="_self">Financial Aid</a><a href="Student_Services/Graduation.html" target="_self">Graduation</a><a href="Student_Services/Health_and_Fitness.html" target="_self">Health and Fitness</a><a href="Student_Services/Labs.html" target="_self">Labs and Tutoring</a><a href="Student_Services/Student_Activities.html" target="_self">Student Activities</a><a href="Student_Services/Records.html" target="_self">Student Records</a><a href="Student_Services/Conduct_and_Appeals.html" target="_self">Student Conduct and Appeals</a><a href="Student_Services/ID_and_Parking.html" target="_self">Student IDs and Parking Permits</a><a href="Student_Services/Testing.html" target="_self">Testing</a><a href="Student_Services/Transport_Housing_Childcare.html" target="_self">Transportation, Housing, Childcare and Food</a><a href="Student_Services/Veterans_and_Military.html" target="_self">Veterans and Military</a></div><a href="Continuing_Education.html" class="item5" target="_self">Continuing Education</a><div class=""><a href="Continuing_Education/Registration.html" target="_self">Registration</a><a href="Continuing_Education/Locations_and_Hours.html" target="_self">Campus Office Locations &amp; Hours</a><a href="Continuing_Education/Career_Programs.html" target="_self">Career Programs</a><a href="Continuing_Education/Children_and_Youth.html" target="_self">Children and Youth</a><a href="Continuing_Education/Certification-Licensing-Prof_Dev.html" target="_self">Continuing Professional Education</a><a href="Continuing_Education/Corporate_Services.html" target="_self">Corporate Services</a><a href="Continuing_Education/Dev_Challenged_Students.html" target="_self">Developmentally Challenged Students</a><a href="Continuing_Education/Economic_Development.html" target="_self">Economic Development</a><a href="Continuing_Education/ESL.html" target="_self">English as a Second Language (ESL)</a><a href="Continuing_Education/Personal_Enrichment.html" target="_self">Personal Enrichment and Leisure</a><a href="Continuing_Education/Senior_Citizens.html" target="_self">Senior Citizens</a><a href="Continuing_Education/Small_Business.html" target="_self">Small Business Development</a><a href="Continuing_Education/Test_Preparation.html" target="_self">Test Preparation</a><a href="Continuing_Education/Workforce_Services.html" target="_self">Workforce Services</a></div><a href="Campuses_and_Centers.html" class="item6 lastItem" target="_self">Campuses and Centers</a><div class="lastItem"><a href="Campuses_and_Centers/Northeast_Campus.html" target="_self">Northeast Campus</a><a href="Campuses_and_Centers/Northwest_Campus.html" target="_self">Northwest Campus</a><a href="Campuses_and_Centers/South_Campus.html" target="_self">South Campus</a><a href="Campuses_and_Centers/Southeast_Campus.html" target="_self">Southeast Campus</a><a href="Campuses_and_Centers/Trinity_River_Campus.html" target="_self">Trinity River Campus</a><a href="Campuses_and_Centers/District_Offices.html" target="_self">May Owen Center / District Offices</a><a href="Distance_Learning.html" target="_self">Distance Learning</a><a href="Campuses_and_Centers/Training_Centers.html" target="_self">Corporate Services Training Centers</a><a href="Campuses_and_Centers/Criminal_Justice_Training_Center.html" target="_self">Criminal Justice Training Center</a><a href="Campuses_and_Centers/Fire_Service_Training_Center.html" target="_self">Fire Service Training Center</a><a href="Campuses_and_Centers/Learning_Opportunities_Centers.html" target="_self">Learning Opportunities Centers</a><a href="Campuses_and_Centers/Small_Business_Development_Center.html" target="_self">Small Business Development Center</a></div>

Page 23: 508 in plain english

(p) Don’t pull the rug (or ground) out from under

site visitors.