SlideShare a Scribd company logo
1 of 20
Download to read offline
I don't Care of
Web Standard,
Accessibility,
Usability & SEO
                              Dani Iswara
                  daniiswara@gmail.com
                    http://daniiswara.net/
I'm not a web designer
nor web developer




                         I'm just a user,
                                  reader,
                                   visitor
with the dial­up, slow Internet connection
       & volume­based bandwidth

I have to disable images when browsing
Then...I've lost some informations..
What's the title?
Where's the content?
<img src=”http://example.com/image.png”
      width=”500” height=”300”
      alt=”image's short description” />



Are there any text alternatives for the non­text?
Where's the submit/send button?
I'm just a human being
What about
        disabled people?
      no mouse available?
screen readers, speech readers?
      screen resolutions?
         Braille printers?
        search engines?
What can we do?
Help visitors...
tableless
colour contrast
relative sizes
h1­h6
special text (bold, emphasis, underline)
unique anchor links
access keys
descriptive title attributes (links, labels)
descriptive alt attributes (images)
alternative descriptions for audio/video
captions
common senses
Web Standard, Semantic
Accessibility, Fast Reading
     Usability, SEO
..validate
                   ..revalidate


       check..
       recheck..


         X/HTML and/or CSS
validators & checkers aren't everything
               it just help
I don't care of
 Web Standard, Semantic
Accessibility, Fast Reading
     Usability, SEO
but
I do care of
   visitors
make it universal


universal design
You are free to share (copy, distribute, transmit) & adapt this work 
    under the similar license Creative Commons Attribution­
            Noncommercial­Share Alike 3.0 Unported



                           Dani Iswara
                     daniiswara@gmail.com
                      http://daniiswara.net/

More Related Content

Viewers also liked

Implementing ISO 26514 in Your Workplace
Implementing ISO 26514 in Your WorkplaceImplementing ISO 26514 in Your Workplace
Implementing ISO 26514 in Your Workplace
STC Atlanta Chapter
 
Quality iso-ieee-standards
Quality iso-ieee-standardsQuality iso-ieee-standards
Quality iso-ieee-standards
TestingGeeks
 

Viewers also liked (13)

New ISO standards for usability, usability reports and usability measures slides
New ISO standards for usability, usability reports and usability measures slidesNew ISO standards for usability, usability reports and usability measures slides
New ISO standards for usability, usability reports and usability measures slides
 
(2012) Human Factors and Ergonomics Society Presentation at Purdue University
(2012) Human Factors and Ergonomics Society Presentation at Purdue University(2012) Human Factors and Ergonomics Society Presentation at Purdue University
(2012) Human Factors and Ergonomics Society Presentation at Purdue University
 
Human factor standards and usability (by Ed Israelski)
Human factor standards and usability (by Ed Israelski)Human factor standards and usability (by Ed Israelski)
Human factor standards and usability (by Ed Israelski)
 
Implementing ISO 26514 in Your Workplace
Implementing ISO 26514 in Your WorkplaceImplementing ISO 26514 in Your Workplace
Implementing ISO 26514 in Your Workplace
 
ISO Standard 9241
ISO Standard 9241ISO Standard 9241
ISO Standard 9241
 
WCAG 2.0, Simplified
WCAG 2.0, SimplifiedWCAG 2.0, Simplified
WCAG 2.0, Simplified
 
Slides NBR ISO/IEC 9126-1
Slides NBR ISO/IEC 9126-1Slides NBR ISO/IEC 9126-1
Slides NBR ISO/IEC 9126-1
 
Quality iso-ieee-standards
Quality iso-ieee-standardsQuality iso-ieee-standards
Quality iso-ieee-standards
 
Ergonomics (new trends)
Ergonomics (new trends)Ergonomics (new trends)
Ergonomics (new trends)
 
HCI 3e - Ch 7: Design rules
HCI 3e - Ch 7:  Design rulesHCI 3e - Ch 7:  Design rules
HCI 3e - Ch 7: Design rules
 
Tools And Techniques For Evaluating Accessibility
Tools And Techniques For Evaluating AccessibilityTools And Techniques For Evaluating Accessibility
Tools And Techniques For Evaluating Accessibility
 
Design Principles
Design PrinciplesDesign Principles
Design Principles
 
Affordances in Modern Web Design
Affordances in Modern Web DesignAffordances in Modern Web Design
Affordances in Modern Web Design
 

Similar to I don't Care of Web Standard, Accessibility, Usability & SEO

Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries
themystic_ca
 
some notes on web designing
some notes on web designingsome notes on web designing
some notes on web designing
leonilitabadillo
 

Similar to I don't Care of Web Standard, Accessibility, Usability & SEO (20)

Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
 
Wordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelmanWordcamp rochester-2017-accessibility-johnson-steigelman
Wordcamp rochester-2017-accessibility-johnson-steigelman
 
Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014Accessibility is not disability Drupal South 2014
Accessibility is not disability Drupal South 2014
 
Web Accessibility Gone Wild (Now Even MORE Wilder!)
Web Accessibility Gone Wild (Now Even MORE Wilder!)Web Accessibility Gone Wild (Now Even MORE Wilder!)
Web Accessibility Gone Wild (Now Even MORE Wilder!)
 
Html 5 mobile - nitty gritty
Html 5 mobile - nitty grittyHtml 5 mobile - nitty gritty
Html 5 mobile - nitty gritty
 
Web Accessibility Gone Wild
Web Accessibility Gone WildWeb Accessibility Gone Wild
Web Accessibility Gone Wild
 
Designing Accessible Drupal Themes
Designing Accessible Drupal ThemesDesigning Accessible Drupal Themes
Designing Accessible Drupal Themes
 
Lesson 3 - IA for web
Lesson 3 - IA for webLesson 3 - IA for web
Lesson 3 - IA for web
 
Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014Making Your Site Printable: CSS Summit 2014
Making Your Site Printable: CSS Summit 2014
 
10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible10 Simple Rules for Making My Site Accessible
10 Simple Rules for Making My Site Accessible
 
Web Accessibility for the 21st Century
Web Accessibility for the 21st CenturyWeb Accessibility for the 21st Century
Web Accessibility for the 21st Century
 
Web Usability
Web UsabilityWeb Usability
Web Usability
 
Responsive Web Design
Responsive Web Design Responsive Web Design
Responsive Web Design
 
Important factors to consider while designing your website !
Important factors to consider while designing your website !Important factors to consider while designing your website !
Important factors to consider while designing your website !
 
Designing for Accessibility (SOFLUX)
Designing for Accessibility (SOFLUX)Designing for Accessibility (SOFLUX)
Designing for Accessibility (SOFLUX)
 
Atomic Design con Pattern Lab
Atomic Design con Pattern LabAtomic Design con Pattern Lab
Atomic Design con Pattern Lab
 
Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries Mozilla Developer Derby October 2012: Media Queries
Mozilla Developer Derby October 2012: Media Queries
 
some notes on web designing
some notes on web designingsome notes on web designing
some notes on web designing
 
Selfish Accessibility — YGLF Vilnius
Selfish Accessibility — YGLF VilniusSelfish Accessibility — YGLF Vilnius
Selfish Accessibility — YGLF Vilnius
 
Accessibility Hacks Version 2
Accessibility Hacks Version 2Accessibility Hacks Version 2
Accessibility Hacks Version 2
 

Recently uploaded

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Recently uploaded (20)

Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 

I don't Care of Web Standard, Accessibility, Usability & SEO