[UI・UX] 背景色とテキストカラーのコントラスト比の確認方法


例えば、背景色が、#ffffff(white)で、テキストが#9A9A9Aだと、コントラスト比が2.81で、Web Content Accessibility Guidelines (WCAG) 2.0の基準4.5に満たないとのこです。

Web Content Accessibility Guidelines

テキスト及び文字画像の視覚的提示に、少なくとも 4.5:1 のコントラスト比がある。



            toolbar_location : "bottom",



TinyMCE 5.2.0 was released to the community earlier this week, which added a new toolbar_location setting that can be used to set where the toolbar should be rendered. The valid values are 'top' (default) or 'bottom'. Here's a fiddle to show how to use the new setting/feature: http://fiddle.tinymce.com/8bhaab/1.

There is one issue we're aware of with the new feature when opening an inline dialog (eg search and replace) when sticky toolbars is also enabled. We'll include a fix for that in a future release. Please let us know if you have any further issues.

Better Practice for User Interface

Best practices for User Interface

-Designing for Multiple Screens
How to build a user interface that’s flexible enough to fit perfectly on any screen and how to create different interaction patterns that are optimized for different screen sizes.

-Build a Responsible UI with ConstraintLayout
How to build a layout using ConstraintLayout and the Android Studio Layout Editor.

-Adding the App Bar
How to use the support library’s toolbar widget to implement an app bar that displays properly on a wide range of devices.

-Showing Pop-Up Message
How to use the support library’s Snackbar widget to display a brief pop-up message.

-Creating Custom Views
How to build custom UI widgets that are interactive and smooth.

-Creating Backword-Compatible UIs
How to use UI components and other APIs from the more recent versions of Android while remaining compatible with older versions of the platform.

-Implementing Accessibility
How to make your app accessible to users with vision impairment or other physical disabilities.

-Managing the System UI
How to hide and show status and navigation bars across different versions of Android, while managing the display of other screen components.

-Creating Apps with Material Design
How to implement material design on Android.