はじめに こんにちは。アクセシビリティエンジニアの tajiman です。 先日、プロダクトエンジニアの morisy さんが「React Hook Form と dnd-kit を使った並び替え可能なフォームの開発」という実践的な記事を公開しました。 dnd-kit は高機能で自由度が高い…

こんにちは、SmartHR プロダクトエンジニアの ceris と gaha です。 複雑な UI コンポーネントの実装において、アクセシビリティの確保は難しい課題の1つです。 この記事では、smarthr-ui で提供している階層構造のフォーム UI コンポーネントについて、アク…

こんにちは！SmartHRプロダクトエンジニアのhimiです。 SWRのプリフェッチ機能を利用してパフォーマンスとアクセシビリティを改善することができたので、その内容を簡単に紹介します。 SWRのプリフェッチ機能 SWRとは、キャッシュベースの状態管理ライブラリ…

こんにちは！SmartHRでアクセシビリティエンジニアをしているhassyです。 アクセシビリティエンジニアとして、開発チームと協力しながらプロダクトのアクセシビリティ向上に取り組み、誰もが使いやすい製品づくりを目指しています。ひとりでも多くのユーザー…

こんにちは！アクセシビリティテスターのgamochanです。 アクセシビリティテスターとは、障害のある従業員がプロダクトを試験し、障害当事者という立場を活かしながら開発側にフィードバックをすることでプロダクトのアクセシビリティ向上を目指す仕事です。…

こんにちは！SmartHRプロダクトエンジニアのhimiです。 スキル管理機能の開発チームに所属しており、普段の業務では主にフロントエンドの実装を担当しています。 先日アクセシビリティ本部のメンバーのサポートを受けながらWCAG達成基準の検証を実施したので…

こんにちは。アクセシビリティ本部のアクセシビリティエンジニアの五十嵐です。SmartHRでは主にアクセシビリティテスターが見つけた課題を技術的な観点から改善したり、根本的な問題を解決するための仕組みづくりを担当しています。 さて、Meta が開発する U…

こんにちは。プロダクトエンジニアのatsushimと言います。 社内ではプロダクトを開発する傍ら、アクセシビリティを高めるための改善や仕組みづくりを進めています。 この記事ではSmartHR独自のESLintのルールを作っている話をしたいと思います。 SmartHRでは…

こんにちは！SmartHRプロダクトエンジニアのhimiです。 この記事ではプレースホルダーのアクセシビリティとユーザビリティについての課題と、その解決手段についての話を書きます。 プレースホルダーって何？ Webアプリでよく見る、フォームコントロールに値…

こんにちは。SmartHRで基本機能を開発しているプロダクトエンジニアの前川です！ 基本機能ではLeSS(Large-Scale Scrum)を用いた複数チームでのスクラム開発をしています。私の所属するチームでは最近、モブプログラミングを導入しました。そこで、実際に経験…

こんにちは、SmartHR の人事評価機能を開発しているエンジニアの takata と nakano です。 SmartHR の人事評価機能は、評価テンプレートと評価プロジェクトを用いて、柔軟な人事評価が可能なウェブアプリケーションです。人事評価の担当者は、評価テンプレー…

こんにちは。プロダクトエンジニアのshiraです。 この記事では2023年上期に従業員サーベイ機能で行ったアクセシビリティ改善内容を紹介します。 対象読者 アクセシビリティに興味がある人 SmartHRに興味がある人 従業員サーベイ機能とは 従業員サーベイ機能…

こんにちは！ SmartHRのプロダクトエンジニアのshunです。 本記事では、弊社内で実施しているアクセシビリティマスター養成講座のご紹介と、SmartHRの従業員サーベイというプロダクトで実施しているアクセシビリティ改善の取り組みについてお話しできればと…

SmartHRにとっての2021年はアクセシビリティの専門家が入社し、その取り組みが加速した年でした。ほとんどのプロダクトでアクセシビリティの改善が行われただけでなく、継続的にアクセシビリティの品質を担保する仕組みづくり、多言語対応、またプロダクト以…