Web Accessibility (update)

•

5 likes•3,290 views

Poakpong Phongsasanongkul

Web Accessibility (update) present in Thailand Next Web Apps 2008 (TNWA2008). August 16, 2008, at INET, Bangkok, TH

Technology Design

Web Accessibility
(Update)
Previous Slide in
BarCamp Bangkok
January 26, 2008
http://tinyurl.com/watnwa
Present by POAKPONG
www.CoverShare.com

XHTML + CSS
TipsWeb Accessibility (update)

• XHTML 1.0
• Strict
• Transitional
• Frameset
!DOCTYPE
• XHTML 1.1

lang(uage)
<html lang=“th”> <p lang=“en”>

jump (skip) to...
<a href=“#content”>
<a href=“#menu”>
<a href=“#search”>
<a href=“#footer”>
a {
display:none;
}

access key
<a href=“/” title=“homepage” accesskey=“0”>

h1 h2 h3 h4 h5 h6
h1 h2 h3 h4 h5 h6 h1 h2 h3
h1 h2 h1 h2 h3 h4 h1 h2

img alt
CAPTCHA
<img src=“image.png” alt=“description” />

table summary
& caption
<table summary=“tableʼs information”>
<caption>name of table</caption>

label for & input id
<label for=“username”>username</label>
<input type=“text” name=“name”
id=“username” />

donʼt open internal link
in new window or tab

donʼt open internal link
in new window or tab
but external link or
references, itʼs ok

check your work
ﬁrefox
add-on: fangs / accessibility extension
web: w3.org / totalvalidator.com

Web Content Accessibility Guidelines 1.0
W3C Recommendation 5-May-1999
www.w3.org/TR/WCAG10
Web Content Accessibility Guidelines 2.0
W3C Candidate Recommendation 30-April-2008
www.w3.org/TR/WCAG20
Thai Web Content Accessibility Guide 2008
www.equitable-society.com/download/TWCAG2008.pdf
ThaiCSS.com Web Accessibility
www.thaicss.com/wai/
อ่านเพิ่มเติม

Thank You
Web Accessibility (update)
Poakpong Phongsasanongkul
www.covershare.com
c b

Similar to Web Accessibility (update)

5 ways to embrace HTML5 today

Daniel Ryan

Html5

Satoshi Kikuchi

Html5 Brown Bag

stuplum

An Introduction To HTML5

Robert Nyman

HTML5: It goes to ELEVEN

Mathias Bynens

HTML5 Design

Christopher Schmitt

WHAT IS HTML5? (at CSS Nite Osaka)

Shumpei Shiraishi

HTML5: Smart Markup for Smarter Websites [Future of Web Apps, Las Vegas 2011]

Aaron Gustafson

Html5 public

doodlemoonch

HTML 5

Himmat Singh

Html5 - Novas Tags na Prática!

Rômulo Reis de Oliveira

2022 HTML5: The future is now

Gonzalo Cordero

Looking into HTML5 + CSS3

Christopher Schmitt

If you’ve been working on the web for any amount of time, you’ve likely heard (or even used) the term “progressive enhancement” before. As you probably know, it is the gold standard of how to approach web design. But what is progressive enhancement really? What does it mean? How does it work? And how does it fit into our workflow in a time of rapidly evolving languages and browsers? In this session, Aaron Gustafson will answer all of these questions and provide concrete takeaways that will help you improve your web design skills and your mastery of progressive enhancement in ExpressionEngine.

Progressive EEnhancement [EECI 2011]

Aaron Gustafson

Pubcon Las Vegas 2012 CSS and HTML coding

Todd Keup

WHAT IS HTML5?(20100510)

Shumpei Shiraishi

Rapid Web Design Prototyping with HTML5 and WebKit

Pete Nicholls

[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!

Christopher Schmitt

Demystifying HTML5

Sergejus Barinovas

HTML5 tags.ppt

abcxyz1337

Similar to Web Accessibility (update) (20)

5 ways to embrace HTML5 today

Html5

Html5 Brown Bag

An Introduction To HTML5

HTML5: It goes to ELEVEN

HTML5 Design

WHAT IS HTML5? (at CSS Nite Osaka)

HTML5: Smart Markup for Smarter Websites [Future of Web Apps, Las Vegas 2011]

Html5 public

HTML 5

Html5 - Novas Tags na Prática!

2022 HTML5: The future is now

Looking into HTML5 + CSS3

Progressive EEnhancement [EECI 2011]

Pubcon Las Vegas 2012 CSS and HTML coding

WHAT IS HTML5?(20100510)

Rapid Web Design Prototyping with HTML5 and WebKit

[edUiconf] HTML5 does all that… and i can haz cheeseburger? You bet!

Demystifying HTML5

HTML5 tags.ppt

Recently uploaded

This presentations targets students or working professionals. You may know Google for search, YouTube, Android, Chrome, and Gmail, but did you know Google has many developer tools, platforms & APIs? This comprehensive yet still high-level overview outlines the most impactful tools for where to run your code, store & analyze your data. It will also inspire you as to what's possible. This talk is 50 minutes in length.

Powerful Google developer tools for immediate impact! (2023-24 C)

wesley chun

presentation ICT roal in 21st century education

jfdjdjcjdnsjd

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Product Anonymous

Three things you will take away from the session: • How to run an effective tenant-to-tenant migration • Best practices for before, during, and after migration • Tips for using migration as a springboard to prepare for Copilot in Microsoft 365 Main ideas: Migration Overview: The presentation covers the current reality of cross-tenant migrations, the triggers, phases, best practices, and benefits of a successful tenant migration Considerations: When considering a migration, it is important to consider the migration scope, performance, customization, flexibility, user-friendly interface, automation, monitoring, support, training, scalability, data integrity, data security, cost, and licensing structure Next Wave: The next wave of change includes the launch of Copilot, which requires businesses to be prepared for upcoming changes related to Copilot and the cloud, and to consolidate data and tighten governance ShareGate: ShareGate can help with pre-migration analysis, configurable migration tool, and automated, end-user driven collaborative governance

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

sammart93

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

Abhishek Deb(1), Mr Abdul Kalam(2) M. Des (UX) , School of Design, DIT University , Dehradun. This paper explores the future potential of AI-enabled smartphone processors, aiming to investigate the advancements, capabilities, and implications of integrating artificial intelligence (AI) into smartphone technology. The research study goals consist of evaluating the development of AI in mobile phone processors, analyzing the existing state as well as abilities of AI-enabled cpus determining future patterns as well as chances together with reviewing obstacles as well as factors to consider for more growth.

Exploring the Future Potential of AI-Enabled Smartphone Processors

debabhi2

💉💊+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHABI}}+971581248768 +971581248768 Mtp-Kit (500MG) Prices » Dubai [(+971581248768**)] Abortion Pills For Sale In Dubai, UAE, Mifepristone and Misoprostol Tablets Available In Dubai, UAE CONTACT DR.Maya Whatsapp +971581248768 We Have Abortion Pills / Cytotec Tablets /Mifegest Kit Available in Dubai, Sharjah, Abudhabi, Ajman, Alain, Fujairah, Ras Al Khaimah, Umm Al Quwain, UAE, Buy cytotec in Dubai +971581248768''''Abortion Pills near me DUBAI | ABU DHABI|UAE. Price of Misoprostol, Cytotec” +971581248768' Dr.DEEM ''BUY ABORTION PILLS MIFEGEST KIT, MISOPROTONE, CYTOTEC PILLS IN DUBAI, ABU DHABI,UAE'' Contact me now via What's App…… abortion Pills Cytotec also available Oman Qatar Doha Saudi Arabia Bahrain Above all, Cytotec Abortion Pills are Available In Dubai / UAE, you will be very happy to do abortion in Dubai we are providing cytotec 200mg abortion pill in Dubai, UAE. Medication abortion offers an alternative to Surgical Abortion for women in the early weeks of pregnancy. We only offer abortion pills from 1 week-6 Months. We then advise you to use surgery if its beyond 6 months. Our Abu Dhabi, Ajman, Al Ain, Dubai, Fujairah, Ras Al Khaimah (RAK), Sharjah, Umm Al Quwain (UAQ) United Arab Emirates Abortion Clinic provides the safest and most advanced techniques for providing non-surgical, medical and surgical abortion methods for early through late second trimester, including the Abortion By Pill Procedure (RU 486, Mifeprex, Mifepristone, early options French Abortion Pill), Tamoxifen, Methotrexate and Cytotec (Misoprostol). The Abu Dhabi, United Arab Emirates Abortion Clinic performs Same Day Abortion Procedure using medications that are taken on the first day of the office visit and will cause the abortion to occur generally within 4 to 6 hours (as early as 30 minutes) for patients who are 3 to 12 weeks pregnant. When Mifepristone and Misoprostol are used, 50% of patients complete in 4 to 6 hours; 75% to 80% in 12 hours; and 90% in 24 hours. We use a regimen that allows for completion without the need for surgery 99% of the time. All advanced second trimester and late term pregnancies at our Tampa clinic (17 to 24 weeks or greater) can be completed within 24 hours or less 99% of the time without the need surgery. The procedure is completed with minimal to no complications. Our Women's Health Center located in Abu Dhabi, United Arab Emirates, uses the latest medications for medical abortions (RU-486, Mifeprex, Mifegyne, Mifepristone, early options French abortion pill), Methotrexate and Cytotec (Misoprostol). The safety standards of our Abu Dhabi, United Arab Emirates Abortion Doctors remain unparalleled. They consistently maintain the lowest complication rates throughout the nation. Our Physicians and staff are always available to answer questions and care for women in one of the most difficult times in their lives. The decision to have an abortion at the Abortion Cl

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@

Increase engagement and revenue with Muvi Live Paywall! In this presentation, we will explore the five key benefits of using Muvi Live Paywall to monetize your live streams. You'll learn how Muvi Live Paywall can help you: Monetize your live content easily: Set up pay-per-view access to your live streams and start generating revenue from your content. Increase audience engagement: Provide exclusive, premium content behind the paywall to keep your viewers engaged. Gain valuable viewer insights: Track viewer data and analytics to better understand your audience and tailor your content accordingly. Reduce content piracy: Muvi Live Paywall's security features help protect your content from unauthorized distribution. Streamline your workflow: The all-in-one platform simplifies the process of managing and monetizing your live streams. With Muvi Live Paywall, you can take control of your live stream monetization and create a sustainable business model for your content. Learn more about Muvi Live Paywall and start generating revenue from your live streams today!

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

Roshan Dwivedi

GenAI Risks & Security Meetup 01052024.pdf

lior mazor

The Good, the Bad and the Governed - Why is governance a dirty word? David O'Neill, Chief Operating Officer - APIContext Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

apidays

How to Troubleshoot Apps for the Modern Connected Worker

ThousandEyes

Artificial Intelligence Chap.5 : Uncertainty

Khushali Kathiriya

A Principled Technologies deployment guide Conclusion Deploying VMware Cloud Foundation 5.1 on next gen Dell PowerEdge servers brings together critical virtualization capabilities and high-performing hardware infrastructure. Relying on our hands-on experience, this deployment guide offers a comprehensive roadmap that can guide your organization through the seamless integration of advanced VMware cloud solutions with the performance and reliability of Dell PowerEdge servers. In addition to the deployment efficiency, the Cloud Foundation 5.1 and PowerEdge solution delivered strong performance while running a MySQL database workload. By leveraging VMware Cloud Foundation 5.1 and PowerEdge servers, you could help your organization embrace cloud computing with confidence, potentially unlocking a new level of agility, scalability, and efficiency in your data center operations.

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...

Principled Technologies

Manulife - Insurer Innovation Award 2024

The Digital Insurer

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

MINDCTI Revenue Release Quarter One 2024

MIND CTI

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

DianaGray10

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Rafal Los

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Principled Technologies

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

apidays

Recently uploaded (20)

Powerful Google developer tools for immediate impact! (2023-24 C)

presentation ICT roal in 21st century education

ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Exploring the Future Potential of AI-Enabled Smartphone Processors

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...

Top 5 Benefits OF Using Muvi Live Paywall For Live Streams

GenAI Risks & Security Meetup 01052024.pdf

Apidays New York 2024 - The Good, the Bad and the Governed by David O'Neill, ...

How to Troubleshoot Apps for the Modern Connected Worker

Artificial Intelligence Chap.5 : Uncertainty

Deploy with confidence: VMware Cloud Foundation 5.1 on next gen Dell PowerEdg...

Manulife - Insurer Innovation Award 2024

Strategies for Landing an Oracle DBA Job as a Fresher

MINDCTI Revenue Release Quarter One 2024

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

The 7 Things I Know About Cyber Security After 25 Years | April 2024

Boost PC performance: How more available memory can improve productivity

Apidays New York 2024 - The value of a flexible API Management solution for O...

Web Accessibility (update)

1. Web Accessibility (Update) Previous Slide in BarCamp Bangkok January 26, 2008 http://tinyurl.com/watnwa Present by POAKPONG www.CoverShare.com

2. TipsWeb Accessibility (update)

3. XHTML + CSS TipsWeb Accessibility (update)

4. TipsWeb Accessibility (update) Basic

5. ...

6. !DOCTYPE

7. • XHTML 1.0 • Strict • Transitional • Frameset !DOCTYPE • XHTML 1.1

8. lang(uage)

9. lang(uage) <html lang=“th”> <p lang=“en”>

10. jump (skip) to...

11. jump (skip) to... <a href=“#content”> <a href=“#menu”> <a href=“#search”> <a href=“#footer”> a { display:none; }

12. access key

13. access key <a href=“/” title=“homepage” accesskey=“0”>

14. h1 h2 h3 h4 h5 h6

15. h1 h2 h3 h4 h5 h6 h1 h2 h3 h4 h5 h6 h1 h2 h3 h1 h2 h1 h2 h3 h4 h1 h2

16. li

17. li ul ol

18. img alt CAPTCHA

19. img alt CAPTCHA <img src=“image.png” alt=“description” />

20. table summary & caption

21. table summary & caption <table summary=“tableʼs information”> <caption>name of table</caption>

22. label for & input id

23. label for & input id <label for=“username”>username</label> <input type=“text” name=“name” id=“username” />

24. donʼt open internal link in new window or tab

25. donʼt open internal link in new window or tab but external link or references, itʼs ok

26. check your work

27. check your work ﬁrefox add-on: fangs / accessibility extension web: w3.org / totalvalidator.com

28. ...

29. Web Content Accessibility Guidelines 1.0 W3C Recommendation 5-May-1999 www.w3.org/TR/WCAG10 Web Content Accessibility Guidelines 2.0 W3C Candidate Recommendation 30-April-2008 www.w3.org/TR/WCAG20 Thai Web Content Accessibility Guide 2008 www.equitable-society.com/download/TWCAG2008.pdf ThaiCSS.com Web Accessibility www.thaicss.com/wai/ อ่านเพิ่มเติม

30. Thank You Web Accessibility (update) Poakpong Phongsasanongkul www.covershare.com c b

Web Accessibility (update)

Recommended

Recommended

More Related Content

Similar to Web Accessibility (update)

Similar to Web Accessibility (update) (20)

More from Poakpong Phongsasanongkul

More from Poakpong Phongsasanongkul (8)

Recently uploaded

Recently uploaded (20)

Web Accessibility (update)