Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る
Search
株式会社ヌーラボ
PRO
December 01, 2024
1
1.1k
ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る
株式会社ヌーラボ
PRO
December 01, 2024
Tweet
Share
More Decks by 株式会社ヌーラボ
See All by 株式会社ヌーラボ
ヌーラボが取り組む RevOpsのこれまでとこれから
nulabinc
PRO
1
110
【資料】30分でわかる!“とりあえず課題を作った”から抜け出すBacklog活用術
nulabinc
PRO
0
72
【展示会ご参加者様向け】Backlog概要編-配布資料
nulabinc
PRO
0
43
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
5
740
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
nulabinc
PRO
0
410
僕たちは何を守っているのか?ビジネスを守る、ヌーラボのセキュリティ実践
nulabinc
PRO
1
82
Snowflake九州ユーザー会
nulabinc
PRO
0
73
今からでも入れる re:Inventがあるんですか!?
nulabinc
PRO
0
470
ライティングチームだからこそできた、「どことでも繋がれるチーム」づくりの結果 / Technical Writing Meetup vol.38
nulabinc
PRO
0
110
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.4k
Practical Orchestrator
shlominoach
190
11k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Done Done
chrislema
185
16k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Facilitating Awesome Meetings
lara
54
6.5k
Six Lessons from altMBA
skipperchong
28
3.9k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Transcript
Copyright Nulab Inc. All Rights Reserved. Copyright Nulab Inc. All
Rights Reserved. ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る Yoshito Kusunoki
⾃⼰紹介 • ウェブサイト課 • マークアップ&フロントエンドエンジニア • 最近京都から滋賀に引っ越しました 楠 欣士 (Yoshito
Kusunoki)
ヌーラボについて • 「“このチームで⼀緒に仕事できてよかった”を世界中に⽣み出していく。」 • チームで利⽤する業務コラボレーションツールを開発、提供 • Backlog、Cacoo、Nulab Passという3つのサービス
今⽇の発表テーマ ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る
背景 • アクセシビリティカンファレンス福岡2023でウェブサイト課の松永が登壇 ◦ 「ヌーラボのウェブサイト課におけるアクセシビリティ関連の取り組み」 • この登壇からちょうど⼀年経ったので、この⼀年間をふり返ってみたい
余談 • 私のヌーラボ⼊社の⼤きなきっかけがこの昨年の発表 • アクセシビリティは採⽤に効きます(N=1)
ウェブサイト課って? • ウェブサイトの開発、運⽤、保守(約20サイト) • ミッションステートメントの1つ⽬に 「すべての⼈に等しい情報を」を掲げてアクセシビリティに注⼒
ウェブサイト課って? • 昨年と⽐べ、新メンバーが3名増えて6名体制に • 6名全員「アクセシビリティやっていき」
⼀年間の取り組みを⾒ていきましょう!
①ウェブサイトの改善
ウェブサイトの改善 動き続けるロゴスライダーを廃⽌
ウェブサイトの改善 フォームの必須を表す「*」を「必須」に変更
ウェブサイトの改善 リンク⽂⾔を「こちら」から具体的な内容に変更 〇〇についての概要はこちらを ご覧ください 詳しくは〇〇の概要をご覧ください
ウェブサイトの改善 他にも... • pxでのサイズ指定をremに変更 • フォーカスインジケータの可視化 • モーダルの実装をdialog要素にアップデート • axe
DevToolsやHTMLバリデータの警告をひたすら解消
ウェブサイトの改善 などなど...⼀年間で60件以上の改善 すぐに着⼿できなくてもとりあえず課題を起票することを⼼がけています
②アクセシビリティレポート
アクセシビリティレポート • ウェブサイトの改善内容を3ヶ⽉に⼀度ブログで公開 • これまでに4回リリース
アクセシビリティレポート • ヌーラボ アクセシビリティレポート #1 • ヌーラボ アクセシビリティレポート #2 •
ヌーラボ アクセシビリティレポート #3 • ヌーラボ アクセシビリティレポート #4
アクセシビリティレポート 昨年のカンファレンスで「⼩さい単位でも改善に取り組んで発信してみよう」 という話を聞いたことがきっかけ ささいなことでも、勇気を持って発信し続けます
③WCAGの読み合わせ会
WCAGの読み合わせ会 • 昨年から続けてきた各社ガイドラインの読み合わせを無事完⾛ ◦ freeeアクセシビリティー‧ガイドライン ◦ Ameba Accessibility Guidelines •
今年9⽉からいよいよWCAG2.1の読み合わせを開始
WCAGの読み合わせ会 • ハードルを低く設定 ◦ Aの基準のみに絞る ◦ まずは⼀周することを⽬標に
WCAGの読み合わせ会 • WCAGの「読み⽅」を勉強する会も事前に開催 ◦ とっつきにくさを解消
WCAGの読み合わせ会 とにかくハードルを下げて、多くの⼈が参加‧継続しやすいように 参加者が増えてきている(開発エンジニアやUXライティングチーム)
④資格勉強
④アクセシビリティ関連の資格勉強 • 毎週もくもく会を開催 • DAA(Digital Accessibility Advisor) Basic 合格者2名 •
⾊彩検定UC級 結果待ち2名(保持者1名)
④アクセシビリティ関連の資格勉強 体系的に学ぶ機会は意外と少ないので良いきっかけに 勉強仲間が集まるとモチベーションアップに繋がります
⑤外部への発信活動
⑤外部への発信活動 • イベント登壇 • 会社ブログで記事を執筆
⑤外部への発信活動 • LT「悪い実装例から学ぶ ウェブアクセシビリティ改善のヒント」 • ブログ「私の、あなたの、全ての⼈のためのアクセシビリティ」
⑤外部への発信活動 社外‧社内へ向けた「アクセシビリティやってるぞ」アピール 外部からフィードバックをいただくことでより深い理解に
⑥社内での推進活動
⑥社内での推進活動 • アクセシビリティについて話す会を⽉⼀で開催 • WCAG読み合わせ会の主導 • ライティングチームと代替テキストについてディスカッション
⑥社内での推進活動 少しずつ着実に仲間を増やすことを⽬指しています
ふり返り
ふり返り • 従来からの取り組みをコツコツ継続 • 新たな取り組みも増やせている • 仲間が少しずつ増えてきている
つぎはどうする
つぎはどうする • 来年もこの場で⼀年間の報告をすることが第⼀⽬標 • 明⽇の学びを糧に、次の打ち⼿を考える ◦ もっと社内に広めていきたい ◦ WCAG試験を実施したい ◦
アクセシビリティ⽅針を公開したい
Copyright Nulab Inc. All Rights Reserved. Copyright Nulab Inc. All
Rights Reserved. ご清聴ありがとうございました! Yoshito Kusunoki