Mit Spaß & Teamwork                    zur goldenen BIENE     Von einem Stammtisch, der auszog eine BIENE zu gewinnen     ...
Was ist die BIENE?                         Barrierefreies Internet eröffnet neue EinsichtenMittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Was ist der BPSE?                          Best Practices Stammtisch Essen                                      seit 2009M...
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Im UnperfekthausMittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Best Practices?                     • Workflow & Projektmanagement                     • Kommunikation                     ...
BIENE 2009                     • Interesse: Wie läuft so eine                         Preisverleihung ab?                 ...
„Reicht doch                           selber mal                            was ein!“                         — Tomas Cas...
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Warum die Stiftung?                     • Bereits Kunde von                         Klaudia & Oliver                     •...
Klaudia & Oliver                     • Bereits Kunde von                         Klaudia & Oliver                     • Ba...
Warum so ein Projekt?                     • Aufgabe für den Stammtisch                     • Spezialgebiete               ...
http://www.flickr.com/photos/5mal5/393077325/MutMittwoch, 1. Juni 2011
„Grundlage […] sind u.a. die BITV sowie                 weitere international anerkannte                 Richtlinien wie z...
Mut…                     • sich dem Wettbewerb zu stellen                     • scheitern zu können                     • ...
Herausforderung BIENE                     • Das Team muss das Ziel Barrierefreiheit                         ständig vor Au...
http://www.flickr.com/photos/botheredbybees/245215850   FleißMittwoch, 1. Juni 2011
Team-Organisation                     • Arbeitsteilung                     • Alle 2 Wochen: Treffen des BPSE               ...
Content                     • Inhalte waren vorhanden, mussten aber                         überarbeitet werden           ...
(Gute) Alternativ-Texte                               …das Stiefkind der                                Barrierefreiheit  ...
Alternativ-Texte                               MaxxMittwoch, 1. Juni 2011
„karger                         Spielplatz                         vor dem                         Umbau“Mittwoch, 1. Juni...
„Beine eines hüpfenden                         Kindes, barfuß auf einem                         mit kleinen Bällen        ...
Design & Layout                     • Gemeinsame Ideenfindung                     • Ausfeilen des                         b...
Design & Layout                     • Gemeinsame Ideenfindung                     • Ausfeilen des                         b...
Mittwoch, 1. Juni 2011
HTML                     • Neue HTML5-Elemente                         (article, section, nav, aside)                     ...
CSS                     • Hover/Focus                     • Selektoren                     • ::before und ::after         ...
Moderne Webtechniken:                          HTML                     • Neue HTML5-Elemente                         (art...
• Agentur                     • Spezialgebiet:                         Barrierefreiheit                     • Aktuelle Web...
WAI-ARIA                     • Landmark roles                         (auf HTML5-Elementen)                     • Autocomp...
WAI-ARIA                     • Landmark roles                         (auf HTML5-Elementen)                     • Autocomp...
WAI-ARIA                     • Landmark roles                         (auf HTML5-Elementen)                     • Autocomp...
<header role="banner">        <h1><a href="//">Stiftung Lebenshilfe Duisburg e.V.</a>            <span>für Menschen mit<br...
JavaScript                     • JavaScript-Animationen                         mit jQuery                     • Autocompl...
Barrierefreiheit fängt                            im Backend an                     • CMS: on-page.de                     ...
Barrierefreiheit fängt                            im Backend an                     • CMS: on-page.de                     ...
Mittwoch, 1. Juni 2011
KampfgeistMittwoch, 1. Juni 2011
Kampfgeist?                     • Standpunkte diskutieren! Barrierefreiheit                         ist nicht immer eindeu...
„Die Seite ist nicht nur technisch                 hervorragend umgesetzt, sondern war                 auch eine der Liebl...
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Mittwoch, 1. Juni 2011
Ende.                         @ScreenOrigami & @yatilMittwoch, 1. Juni 2011
Nächste SlideShare
Wird geladen in …5
×

Mit Spaß und Teamwork zur goldenen BIENE

1.237 Aufrufe

Veröffentlicht am

Von einem Stammtisch, der auszog eine BIENE zu gewinnen

Veröffentlicht in: Bildung
0 Kommentare
0 Gefällt mir
Statistik
Notizen
  • Als Erste(r) kommentieren

  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
1.237
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
2
Aktionen
Geteilt
0
Downloads
6
Kommentare
0
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Mit Spaß und Teamwork zur goldenen BIENE

  1. 1. Mit Spaß & Teamwork zur goldenen BIENE Von einem Stammtisch, der auszog eine BIENE zu gewinnen Eric Eggert und Sandra Kallmeyer outlinewebdesign.comMittwoch, 1. Juni 2011
  2. 2. Was ist die BIENE? Barrierefreies Internet eröffnet neue EinsichtenMittwoch, 1. Juni 2011
  3. 3. Mittwoch, 1. Juni 2011
  4. 4. Mittwoch, 1. Juni 2011
  5. 5. Mittwoch, 1. Juni 2011
  6. 6. Was ist der BPSE? Best Practices Stammtisch Essen seit 2009Mittwoch, 1. Juni 2011
  7. 7. Mittwoch, 1. Juni 2011
  8. 8. Mittwoch, 1. Juni 2011
  9. 9. Mittwoch, 1. Juni 2011
  10. 10. Mittwoch, 1. Juni 2011
  11. 11. Mittwoch, 1. Juni 2011
  12. 12. Mittwoch, 1. Juni 2011
  13. 13. Im UnperfekthausMittwoch, 1. Juni 2011
  14. 14. Mittwoch, 1. Juni 2011
  15. 15. Mittwoch, 1. Juni 2011
  16. 16. Mittwoch, 1. Juni 2011
  17. 17. Mittwoch, 1. Juni 2011
  18. 18. Mittwoch, 1. Juni 2011
  19. 19. Mittwoch, 1. Juni 2011
  20. 20. Best Practices? • Workflow & Projektmanagement • Kommunikation (mit Kollegen und Kunden) • Aktuelle Webtechniken • UX & UI • BarrierefreiheitMittwoch, 1. Juni 2011
  21. 21. BIENE 2009 • Interesse: Wie läuft so eine Preisverleihung ab? • Diskussion: Wie kommen die Preisträger zustande? Für uns waren die Entscheidungen teilweise schwer nachvollziehbar.Mittwoch, 1. Juni 2011
  22. 22. „Reicht doch selber mal was ein!“ — Tomas CaspersMittwoch, 1. Juni 2011
  23. 23. Mittwoch, 1. Juni 2011
  24. 24. Mittwoch, 1. Juni 2011
  25. 25. Warum die Stiftung? • Bereits Kunde von Klaudia & Oliver • Barrierefreie Basis von Sandra • Kunde lässt uns freie Hand Klaudia Oliver • Non-ProfitMittwoch, 1. Juni 2011
  26. 26. Klaudia & Oliver • Bereits Kunde von Klaudia & Oliver • Barrierefreie Basis • Kunde lässt uns freie Hand • Non-Profit Klaudia OliverMittwoch, 1. Juni 2011
  27. 27. Warum so ein Projekt? • Aufgabe für den Stammtisch • Spezialgebiete • Gegenseitiges Lernen und Verstehen • Externe Beurteilung der eigenen LeistungMittwoch, 1. Juni 2011
  28. 28. http://www.flickr.com/photos/5mal5/393077325/MutMittwoch, 1. Juni 2011
  29. 29. „Grundlage […] sind u.a. die BITV sowie weitere international anerkannte Richtlinien wie z.B. die WCAG2. Preiswürdig […] sind Angebote, die die Wettbewerbskriterien erfüllen und darüber hinaus innovative und kreative Lösungen bieten.“ BIENE, biene-wettbewerb.deMittwoch, 1. Juni 2011
  30. 30. Mut… • sich dem Wettbewerb zu stellen • scheitern zu können • Verantwortung abzugeben • Vertrauen zu haben • Kompetenzen anzuerkennenMittwoch, 1. Juni 2011
  31. 31. Herausforderung BIENE • Das Team muss das Ziel Barrierefreiheit ständig vor Augen haben • Prüfkriterien gehen über WCAG2 hinaus • Vorauswahl und Feintests durch behinderte Nutzer • Jury ohne Vorkenntnisse zum Thema Barrierefreiheit vergibt letztendlich PreiseMittwoch, 1. Juni 2011
  32. 32. http://www.flickr.com/photos/botheredbybees/245215850 FleißMittwoch, 1. Juni 2011
  33. 33. Team-Organisation • Arbeitsteilung • Alle 2 Wochen: Treffen des BPSE • Dazwischen: + = U q I O P Q W { } E w R T Y Webstandards-Magazin 06/2010Mittwoch, 1. Juni 2011
  34. 34. Content • Inhalte waren vorhanden, mussten aber überarbeitet werden • Neu: „Kurz & gut“ • Leichte Sprache angestrebt • Auch hilfreich für flüchtiges LesenMittwoch, 1. Juni 2011
  35. 35. (Gute) Alternativ-Texte …das Stiefkind der Barrierefreiheit MaxMittwoch, 1. Juni 2011
  36. 36. Alternativ-Texte MaxxMittwoch, 1. Juni 2011
  37. 37. „karger Spielplatz vor dem Umbau“Mittwoch, 1. Juni 2011
  38. 38. „Beine eines hüpfenden Kindes, barfuß auf einem mit kleinen Bällen bedeckten Trampolin“Mittwoch, 1. Juni 2011
  39. 39. Design & Layout • Gemeinsame Ideenfindung • Ausfeilen des bisherigen Layouts • Spendenbutton • Fluide Grids Sandra DoroMittwoch, 1. Juni 2011
  40. 40. Design & Layout • Gemeinsame Ideenfindung • Ausfeilen des bisherigen Layouts • Spendenbutton Sandra DoroMittwoch, 1. Juni 2011
  41. 41. Mittwoch, 1. Juni 2011
  42. 42. HTML • Neue HTML5-Elemente (article, section, nav, aside) • Microformats (hCard) • Versteckte Überschriften (Fallback für ARIA Landmark Roles) Sandra Eric • Komplett verlinkte Teaser • Keyboard-NavigationMittwoch, 1. Juni 2011
  43. 43. CSS • Hover/Focus • Selektoren • ::before und ::after • Rounded cornersMittwoch, 1. Juni 2011
  44. 44. Moderne Webtechniken: HTML • Neue HTML5-Elemente (article, section, nav, aside) • Microformats (hCard) • Zusätzlich versteckte Überschriften • Komplett verlinkte Teaser Sandra Eric • Keyboard-NavigationMittwoch, 1. Juni 2011
  45. 45. • Agentur • Spezialgebiet: Barrierefreiheit • Aktuelle Webtechniken • Kunden: Bildung und KMUMittwoch, 1. Juni 2011
  46. 46. WAI-ARIA • Landmark roles (auf HTML5-Elementen) • Autocomplete-Suche • SpendenformularMittwoch, 1. Juni 2011
  47. 47. WAI-ARIA • Landmark roles (auf HTML5-Elementen) • Autocomplete-Suche • SpendenformularMittwoch, 1. Juni 2011
  48. 48. WAI-ARIA • Landmark roles (auf HTML5-Elementen) • Autocomplete-Suche • Spendenformular Maik MarcoMittwoch, 1. Juni 2011
  49. 49. <header role="banner"> <h1><a href="//">Stiftung Lebenshilfe Duisburg e.V.</a> <span>für Menschen mit<br />geistiger Behinderung</span></h1> <form id="suche" action="//" method="get" role="search"> <div> <label for="suchen">Suche</label> <input name="keywords" id="suchen" class="suggest" type="text" value="" /> <input type="submit" value="Suchen" /> </div> </form></header><div id="wrapper"> <nav role="navigation"> <h1 id="navigation">Navigation</h1> <ul> (…) </ul> </nav> <section id="content" role="main">Mittwoch, 1. Juni 2011
  50. 50. JavaScript • JavaScript-Animationen mit jQuery • Autocomplete-Suche • FormularMittwoch, 1. Juni 2011
  51. 51. Barrierefreiheit fängt im Backend an • CMS: on-page.de • Entwickelt von Oliver • Der HTML-Code muss wie angeliefert vom CMS generiert werdenMittwoch, 1. Juni 2011
  52. 52. Barrierefreiheit fängt im Backend an • CMS: on-page.de • Entwickelt von Oliver • Der generierte HTML- Code muss wie angeliefert vom CMS ausgegeben werdenMittwoch, 1. Juni 2011
  53. 53. Mittwoch, 1. Juni 2011
  54. 54. KampfgeistMittwoch, 1. Juni 2011
  55. 55. Kampfgeist? • Standpunkte diskutieren! Barrierefreiheit ist nicht immer eindeutig bestimmbar. • Durchhalten! Tagesgeschäft muss weiterlaufen. • Regeländerung! Nur noch interaktive Websites zugelassen.Mittwoch, 1. Juni 2011
  56. 56. „Die Seite ist nicht nur technisch hervorragend umgesetzt, sondern war auch eine der Lieblingsseiten der Jury. Schön, intuitiv bedienbar und bis in die Details liebevoll gestaltet. […] Für den gelungenen Webauftritt der Stiftung Lebenshilfe Duisburg nehmen die Stammtischler heute Abend eine BIENE in Gold mit nach Hause. Gut gemacht.“ Robert Stulle, edenspiekermann.deMittwoch, 1. Juni 2011
  57. 57. Mittwoch, 1. Juni 2011
  58. 58. Mittwoch, 1. Juni 2011
  59. 59. Mittwoch, 1. Juni 2011
  60. 60. Mittwoch, 1. Juni 2011
  61. 61. Mittwoch, 1. Juni 2011
  62. 62. Mittwoch, 1. Juni 2011
  63. 63. Ende. @ScreenOrigami & @yatilMittwoch, 1. Juni 2011

×