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.2k
ヌーラボ‧ウェブサイト課の ⼀年間の取り組みをふり返る
株式会社ヌーラボ
PRO
December 01, 2024
Tweet
Share
More Decks by 株式会社ヌーラボ
See All by 株式会社ヌーラボ
サクフェス2024_ヌーラボ原_CSと開発
nulabinc
PRO
0
5
チームの力を成果に変える、次世代のマネジメント術 〜中小企業の生産性革命〜
nulabinc
PRO
0
26
チームワークマネジメントとは
nulabinc
PRO
0
8
チームの未来を支えるバックログスイーパーという役割
nulabinc
PRO
0
6
ヌーラボが取り組む RevOpsのこれまでとこれから
nulabinc
PRO
1
140
【資料】30分でわかる!“とりあえず課題を作った”から抜け出すBacklog活用術
nulabinc
PRO
0
140
【展示会ご参加者様向け】Backlog概要編-配布資料
nulabinc
PRO
0
52
Why Platform Engineering? - マルチプロダクト・少人数 SRE の壁を越える挑戦 -
nulabinc
PRO
5
780
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
nulabinc
PRO
0
450
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
How to Think Like a Performance Engineer
csswizardry
26
1.9k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
920
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Typedesign – Prime Four
hannesfritz
42
2.8k
Done Done
chrislema
185
16k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
GitHub's CSS Performance
jonrohan
1032
460k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
12
1.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
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