Submit Search
Upload
Tænk tilgængelighed og brugervenlighed ind i dine sites
•
2 likes
•
1,139 views
Karen Mardahl
Follow
(Danish) Slides fra min WordCamp Danmark 2014 præsentation 25/5-2014
Read less
Read more
Technology
Report
Share
Report
Share
1 of 38
Download now
Download to read offline
Recommended
Portable applications vs Virtual applications
Portable applications vs Virtual applications
David Comuñas
Responsive Design
Responsive Design
Sara Cannon
Mash It Up! Summer 2009
Mash It Up! Summer 2009
Naomi Bates
Liz and rachel slide share
Liz and rachel slide share
Rachel Worrell
The Drop and The Word: Structured Content in WordPress and Drupal
The Drop and The Word: Structured Content in WordPress and Drupal
John Eckman
Nl be WordPress vertaling
Nl be WordPress vertaling
Dave Loodts
Online Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online Learning
thewakilibrarian
Midcamp2016
Midcamp2016
Carie Fisher, MS, CPWA
Recommended
Portable applications vs Virtual applications
Portable applications vs Virtual applications
David Comuñas
Responsive Design
Responsive Design
Sara Cannon
Mash It Up! Summer 2009
Mash It Up! Summer 2009
Naomi Bates
Liz and rachel slide share
Liz and rachel slide share
Rachel Worrell
The Drop and The Word: Structured Content in WordPress and Drupal
The Drop and The Word: Structured Content in WordPress and Drupal
John Eckman
Nl be WordPress vertaling
Nl be WordPress vertaling
Dave Loodts
Online Northwest 2009 Accessibility and Online Learning
Online Northwest 2009 Accessibility and Online Learning
thewakilibrarian
Midcamp2016
Midcamp2016
Carie Fisher, MS, CPWA
Outreach Technology
Outreach Technology
Greg JOhll
Why Bother With Web 2.0
Why Bother With Web 2.0
Susan Geiger
How to Build Strong MSP Alliances
How to Build Strong MSP Alliances
Richard Tubb
Web 2.0 Presentation
Web 2.0 Presentation
Samantha Morra
Social Media for Michigan Schools
Social Media for Michigan Schools
Porter Wideman Palmer
The Needed Virus
The Needed Virus
Porter Wideman Palmer
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
ourmaninjapan
Using Web Conferencing Technology to Connect and Collaborate at a Distance
Using Web Conferencing Technology to Connect and Collaborate at a Distance
FHI 360
Web20 Toolkit
Web20 Toolkit
koshea084
Anytime Anywhere
Anytime Anywhere
Porter Wideman Palmer
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Nick DeNardis
The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen
Web 2.0 a crash course for VISTA volunteers
Web 2.0 a crash course for VISTA volunteers
Bradley Shipps
Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11
Nick DeNardis
Faster front end performance
Faster front end performance
Matthew Farina
Great Collaboration with Wikis
Great Collaboration with Wikis
rennen
Collaboration And The Social Web
Collaboration And The Social Web
Anne Gentle
Web 2.0 Playground
Web 2.0 Playground
Samantha Morra
Sociala Medier - Hot Eller Möjlighet
Sociala Medier - Hot Eller Möjlighet
Andreas Norman
The "A" in Drupal Stands for Accessibility
The "A" in Drupal Stands for Accessibility
Karen Mardahl
Responsive Design
Responsive Design
Andreas Norman
Technical Communication and Inclusion
Technical Communication and Inclusion
Karen Mardahl
More Related Content
What's hot
Outreach Technology
Outreach Technology
Greg JOhll
Why Bother With Web 2.0
Why Bother With Web 2.0
Susan Geiger
How to Build Strong MSP Alliances
How to Build Strong MSP Alliances
Richard Tubb
Web 2.0 Presentation
Web 2.0 Presentation
Samantha Morra
Social Media for Michigan Schools
Social Media for Michigan Schools
Porter Wideman Palmer
The Needed Virus
The Needed Virus
Porter Wideman Palmer
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
ourmaninjapan
Using Web Conferencing Technology to Connect and Collaborate at a Distance
Using Web Conferencing Technology to Connect and Collaborate at a Distance
FHI 360
Web20 Toolkit
Web20 Toolkit
koshea084
Anytime Anywhere
Anytime Anywhere
Porter Wideman Palmer
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Nick DeNardis
The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
Dave Olsen
Web 2.0 a crash course for VISTA volunteers
Web 2.0 a crash course for VISTA volunteers
Bradley Shipps
Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11
Nick DeNardis
Faster front end performance
Faster front end performance
Matthew Farina
Great Collaboration with Wikis
Great Collaboration with Wikis
rennen
Collaboration And The Social Web
Collaboration And The Social Web
Anne Gentle
Web 2.0 Playground
Web 2.0 Playground
Samantha Morra
What's hot
(18)
Outreach Technology
Outreach Technology
Why Bother With Web 2.0
Why Bother With Web 2.0
How to Build Strong MSP Alliances
How to Build Strong MSP Alliances
Web 2.0 Presentation
Web 2.0 Presentation
Social Media for Michigan Schools
Social Media for Michigan Schools
The Needed Virus
The Needed Virus
Mobile web development without developing a mobile site
Mobile web development without developing a mobile site
Using Web Conferencing Technology to Connect and Collaborate at a Distance
Using Web Conferencing Technology to Connect and Collaborate at a Distance
Web20 Toolkit
Web20 Toolkit
Anytime Anywhere
Anytime Anywhere
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
Iterative Website Redesign: Micro Goals in Action - CASEV 2011
The Death of Lorem Ipsum & Pixel Perfect Content
The Death of Lorem Ipsum & Pixel Perfect Content
Web 2.0 a crash course for VISTA volunteers
Web 2.0 a crash course for VISTA volunteers
Give Your Content Legs and Run With It - PSUWEB11
Give Your Content Legs and Run With It - PSUWEB11
Faster front end performance
Faster front end performance
Great Collaboration with Wikis
Great Collaboration with Wikis
Collaboration And The Social Web
Collaboration And The Social Web
Web 2.0 Playground
Web 2.0 Playground
Viewers also liked
Sociala Medier - Hot Eller Möjlighet
Sociala Medier - Hot Eller Möjlighet
Andreas Norman
The "A" in Drupal Stands for Accessibility
The "A" in Drupal Stands for Accessibility
Karen Mardahl
Responsive Design
Responsive Design
Andreas Norman
Technical Communication and Inclusion
Technical Communication and Inclusion
Karen Mardahl
STC13: All you need is... Accessibility
STC13: All you need is... Accessibility
Karen Mardahl
UX Camp CPH Ignite presentation 24 April 2014
UX Camp CPH Ignite presentation 24 April 2014
Karen Mardahl
Viewers also liked
(6)
Sociala Medier - Hot Eller Möjlighet
Sociala Medier - Hot Eller Möjlighet
The "A" in Drupal Stands for Accessibility
The "A" in Drupal Stands for Accessibility
Responsive Design
Responsive Design
Technical Communication and Inclusion
Technical Communication and Inclusion
STC13: All you need is... Accessibility
STC13: All you need is... Accessibility
UX Camp CPH Ignite presentation 24 April 2014
UX Camp CPH Ignite presentation 24 April 2014
Similar to Tænk tilgængelighed og brugervenlighed ind i dine sites
#RWD To the future
#RWD To the future
Davorin Pavlica
Mash It Up! Summer 2009
Mash It Up! Summer 2009
Naomi Bates
Responsive Web Design: How the mobile web has changed the way we think and work
Responsive Web Design: How the mobile web has changed the way we think and work
vq20
Responsive web design
Responsive web design
Senthilkumar Gopal
WordPress for mobile
WordPress for mobile
rachel_mccollin
Why the heck isnt word press a cms
Why the heck isnt word press a cms
John Eckman
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Melissa Van De Werfhorst
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Karen Mardahl
Responsive Web Design_2013
Responsive Web Design_2013
Achieve Internet
Inspiration Tour - Microsoft Silverlight
Inspiration Tour - Microsoft Silverlight
Paolo Barone
Rutgers - History Intranet
Rutgers - History Intranet
Michael Dobe, Ph.D.
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013
Howard Kramer
The Modern Web
The Modern Web
Matthew W. Bowers
2d web mapping with flask
2d web mapping with flask
Charmyne Mamador
New developments in Web Accessibility
New developments in Web Accessibility
Eric Eggert
Accessibility with WordPress
Accessibility with WordPress
Joseph Dolson
webken "IA" for Web Directors 20100306
webken "IA" for Web Directors 20100306
Takashi Sakamoto
A Responsive Project Process
A Responsive Project Process
Phase2
Wikis - adapted from nwinton
Wikis - adapted from nwinton
Kate Farrell
Microservices architecture examples
Microservices architecture examples
Channy Yun
Similar to Tænk tilgængelighed og brugervenlighed ind i dine sites
(20)
#RWD To the future
#RWD To the future
Mash It Up! Summer 2009
Mash It Up! Summer 2009
Responsive Web Design: How the mobile web has changed the way we think and work
Responsive Web Design: How the mobile web has changed the way we think and work
Responsive web design
Responsive web design
WordPress for mobile
WordPress for mobile
Why the heck isnt word press a cms
Why the heck isnt word press a cms
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Users First: UX Basics for Websites that Serve People (staff presentation at ...
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Getting Down and Dirty with Accessibility and Usability workshop at TCUK12
Responsive Web Design_2013
Responsive Web Design_2013
Inspiration Tour - Microsoft Silverlight
Inspiration Tour - Microsoft Silverlight
Rutgers - History Intranet
Rutgers - History Intranet
Integrating universal design, best practices, & accessibility atia 2013
Integrating universal design, best practices, & accessibility atia 2013
The Modern Web
The Modern Web
2d web mapping with flask
2d web mapping with flask
New developments in Web Accessibility
New developments in Web Accessibility
Accessibility with WordPress
Accessibility with WordPress
webken "IA" for Web Directors 20100306
webken "IA" for Web Directors 20100306
A Responsive Project Process
A Responsive Project Process
Wikis - adapted from nwinton
Wikis - adapted from nwinton
Microservices architecture examples
Microservices architecture examples
More from Karen Mardahl
Desiring accessibility!
Desiring accessibility!
Karen Mardahl
Getting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
Karen Mardahl
Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14
Karen Mardahl
Getting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
Karen Mardahl
UX Camp CPH 2013 Ignite! presentation, Karen Mardahl
UX Camp CPH 2013 Ignite! presentation, Karen Mardahl
Karen Mardahl
Adaptability: The True Key to Accessibility and Usability? #TCUK12
Adaptability: The True Key to Accessibility and Usability? #TCUK12
Karen Mardahl
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
Karen Mardahl
Ignite Accessibility
Ignite Accessibility
Karen Mardahl
More from Karen Mardahl
(8)
Desiring accessibility!
Desiring accessibility!
Getting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators at TCUK14
Getting Things Done for Technical Communicators
Getting Things Done for Technical Communicators
UX Camp CPH 2013 Ignite! presentation, Karen Mardahl
UX Camp CPH 2013 Ignite! presentation, Karen Mardahl
Adaptability: The True Key to Accessibility and Usability? #TCUK12
Adaptability: The True Key to Accessibility and Usability? #TCUK12
Build Accessibly - Community Day 2012
Build Accessibly - Community Day 2012
Ignite Accessibility
Ignite Accessibility
Recently uploaded
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Drew Madelung
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
2toLead Limited
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
The Digital Insurer
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
OnBoard
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
shyamraj55
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Igalia
Recently uploaded
(20)
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Maximizing Board Effectiveness 2024 Webinar.pptx
Maximizing Board Effectiveness 2024 Webinar.pptx
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Tænk tilgængelighed og brugervenlighed ind i dine sites
1.
Tænk tilgængelighed og brugervenlighed
ind i dine sites Karen Mardahl 25 May 2014 #wpdk
2.
Designer eller udvikler? Dette
oplæg er til jer!
3.
Jeres website? Det er
ikke til dig!
4.
“The power of
the Web is in its universality.Access by everyone regardless of disability is an essential aspect.” Tim Berners-Lee,W3C Director and inventor of the World Wide Web
5.
Hvem er dine
brugere?
6.
CC by 2.0
Rosenfeldmedia på Flickr
7.
CC by 2.0
Rosenfeldmedia på Flickr
8.
CC by 2.0
Rosenfeldmedia på Flickr
9.
“A Web for
Everyone” - https://rosenfeldmedia.com/books/a-web-for-everyone/ CC by 2.0 Rosenfeldmedia på Flickr
10.
BUSINE$$ http://www.w3.org/WAI/bcase/resources.html
11.
Planlægning
12.
BAD! (http://www.w3.org/WAI/demos/bad/)
13.
Gør det kun
med tastatur! http://webaim.org/techniques/keyboard/
14.
<alt> http://dev.w3.org/html5/alt-techniques/
15.
http://www.4syllables.com.au/2010/12/text-alternatives-decision-tree/
16.
<title> http://www.paciellogroup.com/blog/2010/11/using-the-html-title-attribute/
17.
<title> http://www.paciellogroup.com/blog/2010/11/using-the-html-title-attribute/
18.
Overskrifter & Struktur
19.
Lister: <ol> <ul> <li> (+ CSS)
20.
Link tekst “Klik her” “Læs
mere” http://www.mardahl.dk/2010/11/22/i-dont-want-to-read-more-or-click-here/
21.
Link tekst “Klik her” “Læs
mere” http://www.mardahl.dk/2010/11/22/i-dont-want-to-read-more-or-click-here/
22.
• http://bookshop.europa.eu/is-bin/INTERSHOP.enfinity/WFS/EU- Bookshop-Site/en_GB/-/EUR/ViewPublication-Start? PublicationKey=HC3010536 “Skriv klart”
x 23 sprog
23.
TEKST STØRRELSE http://www.smashingmagazine.com/2011/10/07/16-pixels-body-copy-anything-less-costly-mistake/
24.
http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg
25.
http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg
26.
http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg
/ Protanopia.svg
27.
http://commons.wikimedia.org/wiki/File:Rainbow_Deuteranopia.svg / Tritanopia.svg
/ Protanopia.svg / Gay_flag.svg
28.
Farve & kontrast http://www.snook.ca/technical/colour_contrast/colour.html
29.
<autoplay=”autoplay”>
30.
<autoplay=”autoplay”>
31.
Undertekster http://www.slideshare.net/kmardahl/technical-communication-and-inclusion-5347819
32.
Mobile Matters Most http://www.opera.com/developer/mobile-emulator
33.
Evaluering med http://wave.webaim.org/
34.
http://www.w3.org/Translations/WCAG20-da/ 1. Opfattelig 2. Anvendelig 3.
Forståelig 4. Robust
35.
http://make.wordpress.org/ accessibility/
36.
http://www.coolfields.co.uk and https://www.joedolson.com Gode tilgængelighedsressourcer for
WordPress
37.
Eksempel af virkelig
dårlig CAPTCHA
38.
??? Karen Mardahl @kmdk mardahl.dk about.me/kmdk
Download now