SlideShare ist ein Scribd-Unternehmen logo
1 von 30
Fixing the Developer Mindset Accessibility is not a checklist 15.02.2010
Subramanyan  Murali YDN Evangelist, Audience Platforms Tech Lead http://rmsguhan.com 2
Goal of Web developer is not merely to dazzle, but to deliver information to the widest audience possible 3
Developers on the web Today web developers and designers are more concerned about dazzling the customer with fancy features  Web developers are self educated, and often focus on visual aspects Internet is a world wide information and communication medium. One of the biggest reasons its so popular is because it is a medium to get information and deliver content And since information is useful for everyone, delivering that information to the widest audience possible, irrespective of Medium, platform and capability is really important  4
Neither Accessible nor Usable Web Designers and Developers are usually ignorant or arrogant Lack of awareness and Interest create problems and add to the list of badly developed websites According to a report, commissioned by the United Nations as part of its International Day of Disabled Persons  93% failed to provide adequate text descriptions for graphics 73% relied on JavaScript for important functionality …  5
Neither Accessible nor Usable … … 78% used colors with poor contrast, causing issues for those with color blindness 98% did not follow industry web standards for the programming code 97% did not allow people to alter or resize pages 89% offered poor page navigation 87% used pop-ups causing problems for those using screen magnification software 6
Accessibility is more than a checklist item Lot of developers usually treat developing accessible web sites as a check list item  Topics like semantic web, CSS3, ARIA are all developer favorites at conferences, but actual application is a hurdle In many companies, not being 508 compliant means a Million dollar law suite So Developers always live in fear and think of accessibility as a road block 7
Accessibility is more than a checklist item .. Developers think that making a site accessible will mean radical changes in design and additional man hours  It is a radical change if you do not apply guidelines and best practices ground up Procrastination is the root of all accessibility failures We as technologists portray accessibility as a gigantic problem to solve and being incredibly hard to tackle 8
Mindset and approach has to change. Doing things right will help everyone 9
Rethink the approach To threaten people with big laws and law suites is point less You cannot sell anything by showing that it doesn’t work. Approach must be positive Developers, Designers and Engineers are really creative people, need to channel their interests better present the technology as a useful add on rather than a check list item 10
Consider Module patterns on Web pages 11
Markup focused on presentation 12
Markup focused on content and semantics 13
Actual Markup of the examples 14
Good clean code benefits all Semantic markup will benefit everyone. Web crawlers make better sense out a page, pages fare better for Search engines (SEO) Simplicity is everything. Start off with a simple design and then layer endlessly  Progressive enhancement is a great approach  Offer functionality only when platform has capability of handling it Opposite of graceful degradation Never depend on Javascript, Flash or Silverlight for major functionalities  Always design for basic functionality, not for enhancements 15
Working with technology should be fun Through correct mindset and approach, solving problems ground up is actually fun Solve real problems that impact real people Fancy Ui's with 100 click through are not a useful solution, but a challenge to get from point A to point B in the fastest easiest time is a good problem  Smart solutions to solve real problems http://developer.yahoo.com/yui/grids/builder/ 16
The developers of today are only as capable as their current limitations, and one of our biggest limitation is attitude and mindset 17
The New mindset Content is the most important component on the web. Content must always come first Knowledge of assistive technologies is as essential as knowing HTML, CSS or Javascript Smart user engagement techniques is really important Clean Layouts Ground up standards compliance 18
What Tech industry can do Educate their employees about benefits of scoping in for accessibility best practices ground up  In many cases, accessibility is an after thought, and teams scope for it as a separate activity This is when it becomes extremely hard to handle and time consuming Have the tools in place right from the start Invest in Accessibility has a solid test criteria for success of a product User engagement design groups need to factor in application usability with application presentation 19
What Education institutes can do It is important to start with strong fundamentals. One cannot teach great Web design without proper fundamentals Place emphasis on content and not presentation Do not start with fancy titles like Ajax, Flash, DHTML etc Stress on features as core components of an application, not colors and font sizes 20
What Yahoo! Inc. is trying to do Accessibility is no longer a separate discussion topic  We are working towards improving our existing solutions Emphasis on Clean and Simple designs  Develop for Core functionalities first, then layer endlessly 'Code Preliminaries' even before a single line of code is written  Focus on what needs to be done for a given UI mock Cover all accessibility related items ground up Periodic reviews Focus on ARIA on our platforms 21
What Yahoo! is trying to do ... Yahoo! UI libraries have ARIA support and are all progressively enhanced Explore cleaner ways to indicate progress, show dynamic updates and Ajax status 22
What we have been trying to do 23 http://uk.tv.yahoo.com/
What we have been trying to do … 24 http://uk.tv.yahoo.com/
What we have been trying to do ... 25 http://search.yahoo.com
What we have been trying to do … 26 http://search.yahoo.com
Accessibility is about removing the barriers and a mindset change can break barriers 27
Thank you 28
References  http://www.slideshare.net/guest2d6a45/yahoo-accessibility-rewiring-inclusion-strategies-tools-and-techniques-to-promote-barrierfree-learning-a-national-one-day-conference-in-nottingham-at-the-national-college-on-tuesday-9-february-2010 http://www.slideshare.net/cheilmann/accessible-web-applicationss http://www.slideshare.net/cheilmann/seo-and-accessibility 29
References  …  http://www.slideshare.net/cheilmann/liberated-accessibility-presentation http://www.accessibility-professionals.org/accessibility/mindset.html http://dnis.org/interview.php?issue_id=1&volume_id=7&interview_id=132 30

Weitere ähnliche Inhalte

Was ist angesagt?

The Road to Sustainable Corporate Accessibility
The Road to Sustainable Corporate AccessibilityThe Road to Sustainable Corporate Accessibility
The Road to Sustainable Corporate Accessibility3Play Media
 
How to promote IT courses or classes
How to promote IT courses or classesHow to promote IT courses or classes
How to promote IT courses or classesAbdullah-Al- Noman
 
Health and Beauty Association Social Media
Health and Beauty Association Social MediaHealth and Beauty Association Social Media
Health and Beauty Association Social MediaDaniel Rowles
 
Ipads vs. chromebooks
Ipads vs. chromebooksIpads vs. chromebooks
Ipads vs. chromebooksevanguilder
 
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...Rod King, Ph.D.
 
Top 10 steps how to create an app for your business
Top 10 steps how to create an app for your business  Top 10 steps how to create an app for your business
Top 10 steps how to create an app for your business FugenX
 
Five Things High School Students Can Do Right Now To Prepare For A Career In ...
Five Things High School Students Can Do Right Now To Prepare For A Career In ...Five Things High School Students Can Do Right Now To Prepare For A Career In ...
Five Things High School Students Can Do Right Now To Prepare For A Career In ...John B. Marek
 
Designing for Baby Faces
Designing for Baby FacesDesigning for Baby Faces
Designing for Baby FacesSoo Basu
 
The state of ux profession in indonesia 2017
The state of ux profession in indonesia 2017The state of ux profession in indonesia 2017
The state of ux profession in indonesia 2017Somia Customer Experience
 
Social media presentation
Social media presentationSocial media presentation
Social media presentationgavinpark
 
Teacher Prep2.0 Wvhetc09
Teacher Prep2.0 Wvhetc09Teacher Prep2.0 Wvhetc09
Teacher Prep2.0 Wvhetc09FSU
 
Working with Developers
Working with DevelopersWorking with Developers
Working with DevelopersPaul Walk
 

Was ist angesagt? (15)

Speakamos presentation 2 427
Speakamos presentation 2  427Speakamos presentation 2  427
Speakamos presentation 2 427
 
The Road to Sustainable Corporate Accessibility
The Road to Sustainable Corporate AccessibilityThe Road to Sustainable Corporate Accessibility
The Road to Sustainable Corporate Accessibility
 
How to promote IT courses or classes
How to promote IT courses or classesHow to promote IT courses or classes
How to promote IT courses or classes
 
Health and Beauty Association Social Media
Health and Beauty Association Social MediaHealth and Beauty Association Social Media
Health and Beauty Association Social Media
 
Ipads vs. chromebooks
Ipads vs. chromebooksIpads vs. chromebooks
Ipads vs. chromebooks
 
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...
12 Global Business Model (GBM) Topics: Simply Organize and Present Ideas for ...
 
Top 10 steps how to create an app for your business
Top 10 steps how to create an app for your business  Top 10 steps how to create an app for your business
Top 10 steps how to create an app for your business
 
Five Things High School Students Can Do Right Now To Prepare For A Career In ...
Five Things High School Students Can Do Right Now To Prepare For A Career In ...Five Things High School Students Can Do Right Now To Prepare For A Career In ...
Five Things High School Students Can Do Right Now To Prepare For A Career In ...
 
Closing the digital learning skills gap
Closing the digital learning skills gapClosing the digital learning skills gap
Closing the digital learning skills gap
 
Kynote in Beijing
Kynote in BeijingKynote in Beijing
Kynote in Beijing
 
Designing for Baby Faces
Designing for Baby FacesDesigning for Baby Faces
Designing for Baby Faces
 
The state of ux profession in indonesia 2017
The state of ux profession in indonesia 2017The state of ux profession in indonesia 2017
The state of ux profession in indonesia 2017
 
Social media presentation
Social media presentationSocial media presentation
Social media presentation
 
Teacher Prep2.0 Wvhetc09
Teacher Prep2.0 Wvhetc09Teacher Prep2.0 Wvhetc09
Teacher Prep2.0 Wvhetc09
 
Working with Developers
Working with DevelopersWorking with Developers
Working with Developers
 

Andere mochten auch

A media Campaign creative Brief
A media Campaign creative BriefA media Campaign creative Brief
A media Campaign creative BriefArun Kumar Behera
 
Week three the character of god- holiness part 1
Week three  the character of god- holiness part 1Week three  the character of god- holiness part 1
Week three the character of god- holiness part 1drrevdev
 
How to create noise for your brand online
How to create noise for your brand onlineHow to create noise for your brand online
How to create noise for your brand onlineHouse of I.T.
 
Aasaan Nahi Hai | A snapshot of entry-level workers in India
Aasaan Nahi Hai | A snapshot of entry-level workers in IndiaAasaan Nahi Hai | A snapshot of entry-level workers in India
Aasaan Nahi Hai | A snapshot of entry-level workers in IndiaAasaanjobs Pvt Ltd
 
Tolbert resume&cover(aero) 3-2016
Tolbert resume&cover(aero) 3-2016Tolbert resume&cover(aero) 3-2016
Tolbert resume&cover(aero) 3-2016Johnny L. Tolbert
 
Religious Pluralism
Religious PluralismReligious Pluralism
Religious Pluralismdrrevdev
 
Design Thinking is Killing Creativity
Design Thinking is Killing CreativityDesign Thinking is Killing Creativity
Design Thinking is Killing Creativitydesignsojourn
 

Andere mochten auch (14)

A media Campaign creative Brief
A media Campaign creative BriefA media Campaign creative Brief
A media Campaign creative Brief
 
CFT
CFTCFT
CFT
 
Ανακοίνωση αγιασμού 1 9-2015
Ανακοίνωση αγιασμού 1 9-2015Ανακοίνωση αγιασμού 1 9-2015
Ανακοίνωση αγιασμού 1 9-2015
 
Jogo24
Jogo24Jogo24
Jogo24
 
Tics carrito electrico
Tics carrito electricoTics carrito electrico
Tics carrito electrico
 
Week three the character of god- holiness part 1
Week three  the character of god- holiness part 1Week three  the character of god- holiness part 1
Week three the character of god- holiness part 1
 
How to create noise for your brand online
How to create noise for your brand onlineHow to create noise for your brand online
How to create noise for your brand online
 
Aasaan Nahi Hai | A snapshot of entry-level workers in India
Aasaan Nahi Hai | A snapshot of entry-level workers in IndiaAasaan Nahi Hai | A snapshot of entry-level workers in India
Aasaan Nahi Hai | A snapshot of entry-level workers in India
 
Tolbert resume&cover(aero) 3-2016
Tolbert resume&cover(aero) 3-2016Tolbert resume&cover(aero) 3-2016
Tolbert resume&cover(aero) 3-2016
 
Religious Pluralism
Religious PluralismReligious Pluralism
Religious Pluralism
 
Δάσος9
Δάσος9Δάσος9
Δάσος9
 
osama gamal
osama gamalosama gamal
osama gamal
 
Researchgate workshop 11-set2015
Researchgate workshop 11-set2015Researchgate workshop 11-set2015
Researchgate workshop 11-set2015
 
Design Thinking is Killing Creativity
Design Thinking is Killing CreativityDesign Thinking is Killing Creativity
Design Thinking is Killing Creativity
 

Ähnlich wie Fixing the developer Mindset

Siteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookSiteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookLiZhu45
 
Top Web Development Challenges & How To Tackle Them?
Top Web Development Challenges & How To Tackle Them?Top Web Development Challenges & How To Tackle Them?
Top Web Development Challenges & How To Tackle Them?Pixel Crayons
 
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient, Inc.
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Jayant Surana
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekKat K. Richards
 
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfWeb Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfSeasia Infotech
 
Swot analysis of industry
Swot analysis of industrySwot analysis of industry
Swot analysis of industryHimanshu Bansal
 
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas InfotechKeyideas Infotech Private Limited
 
Designing usable web applications (part 1) experience dynamics web seminar
Designing usable web applications (part 1)  experience dynamics web seminarDesigning usable web applications (part 1)  experience dynamics web seminar
Designing usable web applications (part 1) experience dynamics web seminarExperience Dynamics
 
Georgia State Presentation
Georgia State PresentationGeorgia State Presentation
Georgia State Presentationpatrickbrandt
 
creative web developer.docx
creative web developer.docxcreative web developer.docx
creative web developer.docxWebtoniq
 
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdf
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdfdigilearnclasses-com-learn-web-development-courses-programming-languages-.pdf
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdfNehaAgarwal377141
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdfdonna911404
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?Katy Slemon
 
4.Three Hot Career Paths in Tech You Must Know.pdf
4.Three Hot Career Paths in Tech You Must Know.pdf4.Three Hot Career Paths in Tech You Must Know.pdf
4.Three Hot Career Paths in Tech You Must Know.pdfBelayet Hossain
 
Learn Web Development Courses | Development Courses
Learn Web Development Courses | Development CoursesLearn Web Development Courses | Development Courses
Learn Web Development Courses | Development Coursesdevbhargav1
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxwrite4
 
The Benefits Of Learning Web Development.docx
The Benefits Of Learning Web Development.docxThe Benefits Of Learning Web Development.docx
The Benefits Of Learning Web Development.docxSameerShaik43
 
Web Design and Software Development
Web Design and Software DevelopmentWeb Design and Software Development
Web Design and Software DevelopmentAthena Inc, Goa
 
Tips for Successful eLearning App Development for 2024.pdf
Tips for Successful eLearning App Development for 2024.pdfTips for Successful eLearning App Development for 2024.pdf
Tips for Successful eLearning App Development for 2024.pdfJPLoft Solutions
 

Ähnlich wie Fixing the developer Mindset (20)

Siteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbookSiteimprove must have-accessibility-handbook
Siteimprove must have-accessibility-handbook
 
Top Web Development Challenges & How To Tackle Them?
Top Web Development Challenges & How To Tackle Them?Top Web Development Challenges & How To Tackle Them?
Top Web Development Challenges & How To Tackle Them?
 
Perficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps SeminarPerficient PepsiCo Rich Internet Apps Seminar
Perficient PepsiCo Rich Internet Apps Seminar
 
Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.Web deveopment using React js and Node js with SQL.
Web deveopment using React js and Node js with SQL.
 
Accessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product WeekAccessibility Buy-In for Inclusive Product Week
Accessibility Buy-In for Inclusive Product Week
 
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdfWeb Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
Web Development Solutions 2024 A Beginner's Comprehensive Handbook.pdf
 
Swot analysis of industry
Swot analysis of industrySwot analysis of industry
Swot analysis of industry
 
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
10 Ideas To Make Your Website Look Nicer | Keyideas Infotech
 
Designing usable web applications (part 1) experience dynamics web seminar
Designing usable web applications (part 1)  experience dynamics web seminarDesigning usable web applications (part 1)  experience dynamics web seminar
Designing usable web applications (part 1) experience dynamics web seminar
 
Georgia State Presentation
Georgia State PresentationGeorgia State Presentation
Georgia State Presentation
 
creative web developer.docx
creative web developer.docxcreative web developer.docx
creative web developer.docx
 
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdf
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdfdigilearnclasses-com-learn-web-development-courses-programming-languages-.pdf
digilearnclasses-com-learn-web-development-courses-programming-languages-.pdf
 
accessibility_101.pdf
accessibility_101.pdfaccessibility_101.pdf
accessibility_101.pdf
 
Front end developer responsibilities what does a front-end developer do?
Front end developer responsibilities  what does a front-end developer do?Front end developer responsibilities  what does a front-end developer do?
Front end developer responsibilities what does a front-end developer do?
 
4.Three Hot Career Paths in Tech You Must Know.pdf
4.Three Hot Career Paths in Tech You Must Know.pdf4.Three Hot Career Paths in Tech You Must Know.pdf
4.Three Hot Career Paths in Tech You Must Know.pdf
 
Learn Web Development Courses | Development Courses
Learn Web Development Courses | Development CoursesLearn Web Development Courses | Development Courses
Learn Web Development Courses | Development Courses
 
ICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docxICT203 Human Computer Interaction.docx
ICT203 Human Computer Interaction.docx
 
The Benefits Of Learning Web Development.docx
The Benefits Of Learning Web Development.docxThe Benefits Of Learning Web Development.docx
The Benefits Of Learning Web Development.docx
 
Web Design and Software Development
Web Design and Software DevelopmentWeb Design and Software Development
Web Design and Software Development
 
Tips for Successful eLearning App Development for 2024.pdf
Tips for Successful eLearning App Development for 2024.pdfTips for Successful eLearning App Development for 2024.pdf
Tips for Successful eLearning App Development for 2024.pdf
 

Mehr von Subramanyan Murali

Mehr von Subramanyan Murali (18)

Yahoo Mail moving to React
Yahoo Mail moving to ReactYahoo Mail moving to React
Yahoo Mail moving to React
 
Clipboard support on Y! mail
Clipboard support on Y! mailClipboard support on Y! mail
Clipboard support on Y! mail
 
What the Hack??
What the Hack??What the Hack??
What the Hack??
 
Web as a data resource
Web as a data resourceWeb as a data resource
Web as a data resource
 
Is it good to be paranoid ?
Is it good to be paranoid ?Is it good to be paranoid ?
Is it good to be paranoid ?
 
When Why What of WWW
When Why What of WWWWhen Why What of WWW
When Why What of WWW
 
Welcome to University Hack Day @ IIT Chennai
Welcome to University Hack Day @ IIT Chennai Welcome to University Hack Day @ IIT Chennai
Welcome to University Hack Day @ IIT Chennai
 
YUI for your Hacks
YUI for your Hacks YUI for your Hacks
YUI for your Hacks
 
YUI open for all !
YUI open for all !YUI open for all !
YUI open for all !
 
Get me my data !
Get me my data !Get me my data !
Get me my data !
 
Professional Css
Professional CssProfessional Css
Professional Css
 
Basics of Rich Internet Applications
Basics of Rich Internet ApplicationsBasics of Rich Internet Applications
Basics of Rich Internet Applications
 
Asynchronous Javascript and Rich Internet Aplications
Asynchronous Javascript and Rich Internet AplicationsAsynchronous Javascript and Rich Internet Aplications
Asynchronous Javascript and Rich Internet Aplications
 
Yahoo! Frontend Building Blocks
Yahoo! Frontend Building BlocksYahoo! Frontend Building Blocks
Yahoo! Frontend Building Blocks
 
Location aware Web Applications
Location aware Web ApplicationsLocation aware Web Applications
Location aware Web Applications
 
Javascript Design Patterns
Javascript Design PatternsJavascript Design Patterns
Javascript Design Patterns
 
YUI for your Hacks-IITB
YUI for your Hacks-IITBYUI for your Hacks-IITB
YUI for your Hacks-IITB
 
Yahoo! Geo Technologies-IITD
Yahoo! Geo Technologies-IITDYahoo! Geo Technologies-IITD
Yahoo! Geo Technologies-IITD
 

Kürzlich hochgeladen

Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Manik S Magar
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteDianaGray10
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Scott Keck-Warren
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 

Kürzlich hochgeladen (20)

Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio WebDev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
Take control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test SuiteTake control of your SAP testing with UiPath Test Suite
Take control of your SAP testing with UiPath Test Suite
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Unleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding ClubUnleash Your Potential - Namagunga Girls Coding Club
Unleash Your Potential - Namagunga Girls Coding Club
 
Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024Advanced Test Driven-Development @ php[tek] 2024
Advanced Test Driven-Development @ php[tek] 2024
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
DSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine TuningDSPy a system for AI to Write Prompts and Do Fine Tuning
DSPy a system for AI to Write Prompts and Do Fine Tuning
 
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special EditionDMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
 
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 

Fixing the developer Mindset

  • 1. Fixing the Developer Mindset Accessibility is not a checklist 15.02.2010
  • 2. Subramanyan Murali YDN Evangelist, Audience Platforms Tech Lead http://rmsguhan.com 2
  • 3. Goal of Web developer is not merely to dazzle, but to deliver information to the widest audience possible 3
  • 4. Developers on the web Today web developers and designers are more concerned about dazzling the customer with fancy features Web developers are self educated, and often focus on visual aspects Internet is a world wide information and communication medium. One of the biggest reasons its so popular is because it is a medium to get information and deliver content And since information is useful for everyone, delivering that information to the widest audience possible, irrespective of Medium, platform and capability is really important 4
  • 5. Neither Accessible nor Usable Web Designers and Developers are usually ignorant or arrogant Lack of awareness and Interest create problems and add to the list of badly developed websites According to a report, commissioned by the United Nations as part of its International Day of Disabled Persons 93% failed to provide adequate text descriptions for graphics 73% relied on JavaScript for important functionality … 5
  • 6. Neither Accessible nor Usable … … 78% used colors with poor contrast, causing issues for those with color blindness 98% did not follow industry web standards for the programming code 97% did not allow people to alter or resize pages 89% offered poor page navigation 87% used pop-ups causing problems for those using screen magnification software 6
  • 7. Accessibility is more than a checklist item Lot of developers usually treat developing accessible web sites as a check list item Topics like semantic web, CSS3, ARIA are all developer favorites at conferences, but actual application is a hurdle In many companies, not being 508 compliant means a Million dollar law suite So Developers always live in fear and think of accessibility as a road block 7
  • 8. Accessibility is more than a checklist item .. Developers think that making a site accessible will mean radical changes in design and additional man hours It is a radical change if you do not apply guidelines and best practices ground up Procrastination is the root of all accessibility failures We as technologists portray accessibility as a gigantic problem to solve and being incredibly hard to tackle 8
  • 9. Mindset and approach has to change. Doing things right will help everyone 9
  • 10. Rethink the approach To threaten people with big laws and law suites is point less You cannot sell anything by showing that it doesn’t work. Approach must be positive Developers, Designers and Engineers are really creative people, need to channel their interests better present the technology as a useful add on rather than a check list item 10
  • 11. Consider Module patterns on Web pages 11
  • 12. Markup focused on presentation 12
  • 13. Markup focused on content and semantics 13
  • 14. Actual Markup of the examples 14
  • 15. Good clean code benefits all Semantic markup will benefit everyone. Web crawlers make better sense out a page, pages fare better for Search engines (SEO) Simplicity is everything. Start off with a simple design and then layer endlessly Progressive enhancement is a great approach Offer functionality only when platform has capability of handling it Opposite of graceful degradation Never depend on Javascript, Flash or Silverlight for major functionalities Always design for basic functionality, not for enhancements 15
  • 16. Working with technology should be fun Through correct mindset and approach, solving problems ground up is actually fun Solve real problems that impact real people Fancy Ui's with 100 click through are not a useful solution, but a challenge to get from point A to point B in the fastest easiest time is a good problem Smart solutions to solve real problems http://developer.yahoo.com/yui/grids/builder/ 16
  • 17. The developers of today are only as capable as their current limitations, and one of our biggest limitation is attitude and mindset 17
  • 18. The New mindset Content is the most important component on the web. Content must always come first Knowledge of assistive technologies is as essential as knowing HTML, CSS or Javascript Smart user engagement techniques is really important Clean Layouts Ground up standards compliance 18
  • 19. What Tech industry can do Educate their employees about benefits of scoping in for accessibility best practices ground up In many cases, accessibility is an after thought, and teams scope for it as a separate activity This is when it becomes extremely hard to handle and time consuming Have the tools in place right from the start Invest in Accessibility has a solid test criteria for success of a product User engagement design groups need to factor in application usability with application presentation 19
  • 20. What Education institutes can do It is important to start with strong fundamentals. One cannot teach great Web design without proper fundamentals Place emphasis on content and not presentation Do not start with fancy titles like Ajax, Flash, DHTML etc Stress on features as core components of an application, not colors and font sizes 20
  • 21. What Yahoo! Inc. is trying to do Accessibility is no longer a separate discussion topic We are working towards improving our existing solutions Emphasis on Clean and Simple designs Develop for Core functionalities first, then layer endlessly 'Code Preliminaries' even before a single line of code is written Focus on what needs to be done for a given UI mock Cover all accessibility related items ground up Periodic reviews Focus on ARIA on our platforms 21
  • 22. What Yahoo! is trying to do ... Yahoo! UI libraries have ARIA support and are all progressively enhanced Explore cleaner ways to indicate progress, show dynamic updates and Ajax status 22
  • 23. What we have been trying to do 23 http://uk.tv.yahoo.com/
  • 24. What we have been trying to do … 24 http://uk.tv.yahoo.com/
  • 25. What we have been trying to do ... 25 http://search.yahoo.com
  • 26. What we have been trying to do … 26 http://search.yahoo.com
  • 27. Accessibility is about removing the barriers and a mindset change can break barriers 27
  • 30. References … http://www.slideshare.net/cheilmann/liberated-accessibility-presentation http://www.accessibility-professionals.org/accessibility/mindset.html http://dnis.org/interview.php?issue_id=1&volume_id=7&interview_id=132 30

Hinweis der Redaktion

  1. I am a web developer from Yahoo! and I have to deal with Accessibility mainly concerning the Internet
  2. Quote - “Goal of Web developer is not merely to dazzle, but to deliver information to the widest audience possible” They keywords highlighted on that quote are dazzle, deliver and widestToday web developers and designers are more concerned about dazzling the customer with fancy features Internet is a world wide information and communication medium. One of the biggest reasons its so popular because it’s a medium to get information and deliver content And since information is useful for everyone, delivering that information to the widest audience possible, irrespective of Medium, platform and capability is really important