python |
Pythonタグが付けられた新着投稿 - Qiita |
フィッシャーの正確検定の代わりに二項検定を使う方法 |
https://qiita.com/okumakito/items/b05914b967d41f04e769
|
aasubsetequ |
2023-02-25 22:39:40 |
python |
Pythonタグが付けられた新着投稿 - Qiita |
【Python】辞書の重複を排除する |
https://qiita.com/yudai2929/items/4e7db98653dc758d71f2
|
userlistid |
2023-02-25 22:23:55 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWSアカウントの作成 |
https://qiita.com/hanaden/items/d34e08951b337c51e7ff
|
検証 |
2023-02-25 22:47:21 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS Hands-on for Beginners Amazon EC2 Auto Scaling スケーリング基礎編:学習メモ |
https://qiita.com/kenryo/items/20c278b3d770f7b8c98e
|
amazonecautoscaling |
2023-02-25 22:43:33 |
AWS |
AWSタグが付けられた新着投稿 - Qiita |
AWS CloudFormationでEC2インスタンスを立ち上げてmysqlコマンドをインストールするまでの備忘録 |
https://qiita.com/ismt7/items/b93909781034caa86188
|
cloudforma |
2023-02-25 22:11:30 |
golang |
Goタグが付けられた新着投稿 - Qiita |
Goで並列処理実装してみた |
https://qiita.com/kyoto-kanko/items/72616efce7de0c850195
|
goroutine |
2023-02-25 22:54:44 |
技術ブログ |
Developers.IO |
Amazon Linux 2023 のRC版(RC0) が公開されました |
https://dev.classmethod.jp/articles/amazon-linux-2023-rc0/
|
linuxreleasenotesupdat |
2023-02-25 13:08:33 |
海外TECH |
MakeUseOf |
5 Online Communities to Help You Find Meditation Groups |
https://www.makeuseof.com/online-communities-help-find-meditation-groups/
|
group |
2023-02-25 13:16:15 |
海外TECH |
DEV Community |
5 Rules of ARIA |
https://dev.to/konrud/5-rules-of-aria-40i
|
Rules of ARIAHave you ever heard about ARIA It might sound weird and maybe even intimidating at first In this post I d like to talk about the essential rules of ARIA What does ARIA stand for Let s start first from the meaning of this acronym ARIA stands for Accessible Rich Internet Applications It s a set of roles and attributes that define ways to make web content and web applications especially those developed with JavaScript more accessible to everyone There are essential rules of ARIA First Rule Don t use ARIA unless you don t have a choice It might sound a bit counter intuitive but rather than creating our own custom elements and trying to make them accessible by adding ARIA attributes we should use native HTML elements instead Instead of creating a button using lt div gt lt div role “button tabindex “ aria pressed “false gt Open lt button gt It d be much better to use native HTML lt button gt instead lt button type “button gt Open lt button gt If we can use a native HTML element then we should do so We should reach out to ARIA as a last resort Second Rule Prefer native semantics over ARIAWe should always prefer native HTML elements over custom elements with ARIA attributes Let s say we d like to create a title In such case it d be better if we use a native lt h gt HTML element rather than a lt div gt with ARIA attributes Not a good idea lt div role heading aria level gt Title text lt div gt We should prefer to use native HTML elements instead lt h gt Title text lt h gt NOTE If we create an interactive element let s say a lt button gt using lt div gt In addition to using proper ARIA attributes we will need to add appropriate interaction behavior e g click handler using JavaScript That s why in the case of a lt button gt it is much better and easier to just use a native element lt button type “button gt Open lt button gt Third Rule All interactive elements must be usable with the keyboardAll interactive elements whether it be a custom element we created or a native HTML element must be usable with both a mouse and a keyboard If we created a widget that can be clicked tapped dragged slid or scrolled A user should be able to use it with both a mouse and a keyboard If using role button on a custom element the element must be able to receive focus and a user must be able to activate the action associated with the element using both the enter on WIN OS and the space key Fourth Rule Do not use role presentation or aria hidden true on a focusable elementUsing role presentation or aria hidden on a focusable element might result in some users focusing on it and getting inaccurate information In some cases users won t even be able to discover such elements Using either of these on a focusable element might result in some users focusing on nothing lt button role “presentation gt press me lt button gt lt button aria hidden “true gt press me lt button gt NOTE Setting aria hidden on a parent ancestor element of a visible interactive element e g lt button gt will also hide an element from assistive technologies e g screen reader lt div aria hidden true gt lt button gt press me lt button gt lt div gt NOTE We can use aria hidden on an element as long as it s not focusable We can set tabindex on a focusable element that will remove it from the tab order so it won t be focusable by a keyboard but we can still be able to focus it using JavaScript if we want to tabindex removes the button from the tab order lt button tabindex “ aria hidden “true gt press me lt button gt NOTE If we use display none or visibility hidden either on an element or on the element s ancestor it won t be focusable and will be removed from the accessibility tree That is screen readers won t be able to discover it In such case we don t need to add aria hidden or negative tabindex on such an element CSS hidden btn display none HTML lt button class “hidden btn“ gt press me lt button gt Fifth Rule All interactive elements must have an accessible nameAccessible name is a name of a UI element Each platform has its own accessibility API which provides such property The value of the accessible name may be derived from a visible or invisible property on an element Visible property visible text of an element Let s say a visible text on a button Invisible property ARIA attributes such as aria label or aria labelledbyLet s take a look at a few examples so we can understand it better Here the text press me is the visible text of the lt button gt and as such can be used as an accessible name lt button gt press me lt button gt When the lt button gt receives focus a screen reader may announce something like press me button concatenating a role button of the element and its name press me The order of concatenation and a role description depends on a platform s accessibility API and the assistive technology e g screen reader that is used The lt input gt in the code examples below has a visible label username but no accessible nameusername lt input type text gt or lt span gt username lt span gt lt input type text gt Here the lt input gt has a visible label but it can not be used as an accessible name It cannot be associated with the lt input gt In such case a screen reader won t be able to announce the accessible name of the lt input gt That would be an accessibility violation In comparison this lt input gt has both a visible label and an accessible name Using lt for gt attribute lt label for userNameId gt username lt label gt lt input type text id userNameId gt or Wrapping it with a lt label gt lt label gt username lt input type text gt lt label gt In the examples above we use a lt label gt element to provide an accessible name for our lt input gt What if we can t use lt label gt or for attribute In such a case we might use ARIA attributes namely aria label or aria labelledby Using aria label lt input type text aria label Username gt Using aria labelledby lt span id fldUsrnm gt username lt span gt lt input type text aria labelledby fldUsrnm gt In this situation we use ARIA as a last resort which is perfectly fine ConclusionThere you have it the rules of ARIADon t use ARIA unless you really have to Prefer native semantics over ARIAAll interactive elements must be usable with the keyboardDo not use role presentation or aria hidden true on a focusable elementAll interactive elements must have an accessible nameOf course it s not all and we barely scratched the surface Nevertheless I hope it s a beginning of a better understanding ARIA I hope this post was useful for you as a reference |
2023-02-25 13:08:53 |
Apple |
AppleInsider - Frontpage News |
iPhone 15 Pro Max camera bump could go on a diet |
https://appleinsider.com/articles/23/02/25/iphone-15-pro-max-camera-bump-could-go-on-a-diet?utm_medium=rss
|
iPhone Pro Max camera bump could go on a dietThe iPhone Pro Max could be thicker than the iPhone Pro Max but at the same time it may also have a slightly smaller camera bump Early concepts of what the iPhone Pro could look likeRenders based on CAD drawings and supposed dimensions for the iPhone Pro Max were posted to Twitter on Sunday night by serial leaker Ice Universe detailing the iPhone Pro Max s size Read more |
2023-02-25 13:08:51 |
海外TECH |
CodeProject Latest Articles |
100 Days of TypeScript (Day 7) |
https://www.codeproject.com/Articles/5355433/100-Days-of-TypeScript-Day-7
|
Days of TypeScript Day First of all I d like to apologise for the delay getting around to this post There s been a lot going on that s got in the way but I haven t forgotten about writing this series |
2023-02-25 13:16:00 |
ニュース |
BBC News - Home |
Omagh police shooting: Support for John Caldwell in Beragh and Omagh |
https://www.bbc.co.uk/news/uk-northern-ireland-64757611?at_medium=RSS&at_campaign=KARANGA
|
sports |
2023-02-25 13:16:57 |
ニュース |
BBC News - Home |
Earthquake: Brynmawr, Cardiff and valleys feel tremors |
https://www.bbc.co.uk/news/uk-wales-64769319?at_medium=RSS&at_campaign=KARANGA
|
birmingham |
2023-02-25 13:26:17 |
ニュース |
BBC News - Home |
Laurel Aldridge: Body found in search for actor's sister-in-law |
https://www.bbc.co.uk/news/uk-england-sussex-64769929?at_medium=RSS&at_campaign=KARANGA
|
actor |
2023-02-25 13:51:14 |
ニュース |
BBC News - Home |
Graham Potter: Chelsea boss says mental health suffered after email abuse |
https://www.bbc.co.uk/sport/football/64766580?at_medium=RSS&at_campaign=KARANGA
|
Graham Potter Chelsea boss says mental health suffered after email abuseChelsea boss Graham Potter says his mental health has suffered after he and his family received anonymous abuse following the club s poor run of form |
2023-02-25 13:28:38 |
コメント
コメントを投稿