A Slide of session for accessibility ready theme in WordCamp Kansai 2016

25af5d057e0359289c9a8eca5be0c455?s=47 kassy
July 09, 2016

A Slide of session for accessibility ready theme in WordCamp Kansai 2016

A Slide of session for accessibility ready theme in WordCamp Kansai 2016

25af5d057e0359289c9a8eca5be0c455?s=128

kassy

July 09, 2016
Tweet

Transcript

  1. 8.

    WordPressʹ͓͚Δ ΞΫηγϏϦςΟͷΨΠυϥΠϯ • ΩʔϘʔυૢ࡞ςετ • εΫϦʔϯϦʔμʔςετ • Χϥʔίϯτϥετɺ৭໡ςετ • ίʔυςετ

    ςʔϚϨϏϡʔ࣌ʹ͸͜ΕΒͷςετ͕ߦΘΕ·͢ɻ https://make.wordpress.org/accessibility/handbook/testing/how-to-test-for-accessibility/
  2. 10.

    εΫϦʔϯϦʔμʔςετ • ςετ؀ڥ • VoiceOver + Safari on Mac •

    NVDA + Firefox on Windows • JAWS and IE 11 (no Edge yet) on Windows
  3. 11.

    ΞΫηγϏϦςΟͷϨϏϡʔΛड͚Δʹ͸ /* Theme Name: Accessibility Ready Theme Theme URI: http://example.com/accessibility-ready-theme/

    Description: Accessibility Ready Theme Author: John Doe Author URI: http://example.com Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready Text Domain: accessibility-ready-theme */ ςʔϚελΠϧγʔτ (style.css) ͷελΠϧγʔτϔομɺ ςʔϚͷಛ௃Λهड़͢ΔTagsʹʮaccessibility-readyʯΛ௥Ճ͢Δɻ ެࣜσΟϨΫτϦʹΞοϓϩʔυ https://wordpress.org/themes/upload/ ϨϏϡΞʔ͕ͭ͘·Ͱ໿3ʙ4͔݄ͻͨ͢Β଴ͭɻ
  4. 20.

    ɹ मਖ਼಺༰ εΫϦʔϯϦʔμʔ എܠʹ഑ஔ͍ͯ͠ΔΪϟϥϦʔը૾ʹରͯ͠ altଐੑΛ௥ՃʢϑΝΠϧ໊͕஋ʹೖΔΑ͏ʹʣ <ul> <li><img src="http://site.dev/wp-content/uploads/bg-1.jpg" alt="bg-1"></li> <li><img

    src="http://site.dev/wp-content/uploads/bg-2.jpg" alt="bg-2"></li> <li><img src="http://site.dev/wp-content/uploads/bg-3.jpg" alt="bg-3"></li> </ul> <ul> <li><img src="http://site.dev/wp-content/uploads/bg-1.jpg"></li> <li><img src="http://site.dev/wp-content/uploads/bg-2.jpg"></li> <li><img src="http://site.dev/wp-content/uploads/bg-3.jpg"></li> </ul>