Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

トップにもどるボタン のリンク先を追加 #1095

Merged
merged 9 commits into from
Jul 29, 2024

Conversation

sysbird
Copy link
Member

@sysbird sysbird commented Jun 21, 2024

チケットへのリンク / 変更の理由(元のissueがあればリンクを貼り付ければOK)

[アクセシビリティ] トップにもどるボタン のリンク先がない問題 #1094

どういう変更をしたか?

  • トップにもどるボタンのリンク先は #top がページ内に存在しないのは HTML5の仕様として正しいが、アクセシビリティ的にグレーなため追加しました

実装者はレビュワーに回す前に以下の事を確認してチェックをつけてください。

ソースコードについて

  • 複数の意図の変更 ( 機能の不具合修正 + 別の機能追加など ) を含んでいないか?
  • 関数名 / 変数名 / クラス名 / 保存値名 はそれだけで内容が想像できるものになっているか?紛らわしい命名になっていないか?
  • 関数名 / 変数名 / クラス名 / 保存値名 は既存のコードの命名規則に沿ったものになっているか?

デザイン・UI

  • 初見のユーザーが予備知識無しで使っても使いやすいようになっているか?
  • 情報意味を考慮した意味グルーピング・余白になっているか?
  • アラートの表示など追加した場合は他の同様の表示と同じデザインになっているか?

プログラムの変更の場合

テストを書かないのは普通ではありません。書けるテストは極力書くようにしてください。
書いていない場合は書かない理由を記載してください。

  • 書けそうなテストは書いたか?
  • 表示要素が仕様通りに表示されない不具合の修正ではない or 表示要素に関する不具合修正の場合テストは書いたか?

その他

  • readme.txt に変更内容は書いたか?
  • Files changed (変更ファイル)の内容は目視でちゃんと確認したか?
  • このチェック項目を機械的にチェックするのではなく本当にちゃんと確認をしたか?
  • レビュワーが確認しないでリリースしてしまっても問題ないレベルまでちゃんと作りこみ・確認をしたか?

変更内容について何を確認したか、どういう方法で確認をしたかなど

  • トップにもどるボタンが有効の場合、ページ読み込み時にbody要素にID topを追加
  • すでに body要素にID topがある場合は追加されない
  • もし body要素にtop以外のIDがある場合は、それを利用する
    → ボタンのリンク先を変更
    → もし IDが複数あったら(ないんだけど)先頭を採用
  • body要素以外に topが使われているかどうかねんのため確認して、top-1 、top-2…のように重複しないIDを付与
    → ボタンのリンク先も変更
  • Lightning のなかで要素にIDを付けてみたりしながら確認しました

確認URL

( どこかのデモサイトかテストサーバーにデプロイ済みなどで確認できる場合はそのURL )

レビュワーの確認方法・確認する内容など

上記に同じです

レビュワーに回す前の確認事項

  • このテンプレートのチェック項目をちゃんと確認してチェックしたか?

レビュワー向け

確認して変更が反映されていない場合の確認事項

  • プルしたか?
  • ビルドしたか?
  • ビルドしたディレクトリは正しいか(別の開発環境のディレクトリを見ていないか)?
  • npm install したか?
  • composer install したか?

@drill-lancer
Copy link
Member

@sysbird
テスト通りました。

@sysbird sysbird marked this pull request as ready for review June 21, 2024 07:00
@sysbird sysbird changed the title トップにもどるボタン のリンク先を追加 【確認待ち】トップにもどるボタン のリンク先を追加 Jun 21, 2024
@drill-lancer
Copy link
Member

@sysbird
npm run build を修正しても反映されなかったので gulp のバージョンを下げたら反映されました。


2人目確認お願いします。

@drill-lancer drill-lancer changed the title 【確認待ち】トップにもどるボタン のリンク先を追加 【2人目確認待ち】トップにもどるボタン のリンク先を追加 Jun 24, 2024
@kurudrive kurudrive changed the title 【2人目確認待ち】トップにもどるボタン のリンク先を追加 【2人目中】トップにもどるボタン のリンク先を追加 Jul 1, 2024
# Conflicts:
#	.github/workflows/playwright.yml
#	package-lock.json
#	package.json
#	readme.txt
Comment on lines 16 to 20
if(exist_id){
var ary_id = exist_id.split(' ');
if (!ary_id.find(item => item === 'top')){
add_id = exist_id + ' top';
}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sysbird ありがとうございます。id は一意なのでCSSのように複数入れる事はHTMLの仕様に反します。
idが既に存在する場合は、そのidを pagetop のリンク先に反映させるなどの対策をよろしくお願いいたします。

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sysbird id は1単語のみの前提で書き換えました(複数入ってる事自体が間違いなのでその対応処理は削除)。

@kurudrive kurudrive marked this pull request as draft July 1, 2024 21:02
@kurudrive kurudrive changed the title 【2人目中】トップにもどるボタン のリンク先を追加 【再調整待ち】トップにもどるボタン のリンク先を追加 Jul 1, 2024
@sysbird
Copy link
Member Author

sysbird commented Jul 2, 2024

@kurudrive
確認ありがとうございます
そうですね、
となると #top がどこかで使われてないか?も確認必要そう、
ややこしい〜検討します!

@sysbird sysbird marked this pull request as ready for review July 26, 2024 03:23
@sysbird sysbird changed the title 【再調整待ち】トップにもどるボタン のリンク先を追加 【石川さん確待ち】トップにもどるボタン のリンク先を追加 Jul 26, 2024
@sysbird
Copy link
Member Author

sysbird commented Jul 26, 2024

@kurudrive
修正しました!
お手数ですが、ご確認よろしくお願いします

@kurudrive kurudrive changed the title 【石川さん確待ち】トップにもどるボタン のリンク先を追加 トップにもどるボタン のリンク先を追加 Jul 29, 2024
Copy link
Member

@kurudrive kurudrive left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@sysbird トップに戻ると関係ないブロックのビルドがコミットに含まれているので、nodeのバージョン変更した都合だと思いますが、コミットに含めないようによろしくお願いいたしますー ( ̄人 ̄)

@kurudrive kurudrive merged commit c382aa3 into master Jul 29, 2024
3 checks passed
@kurudrive kurudrive deleted the fix/page-top-btn branch July 29, 2024 11:40
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants