5-16 Skin Editor Users Guide for Oracle Application Development Framework
5.7 Configuring an ADF Skin for Accessibility
Oracle ADF provides application accessibility support to make applications developed using ADF Faces components usable for persons with disabilities. You can define style
properties in your ADF skin specifically for persons with disabilities as part of efforts to make your application accessible. You preface these style properties with the
accessibility-profile rule.
The accessibility-profile rule allows you to define style properties for the high-contrast and large-fonts accessibility profile settings that you can specify
in the trinidad-config.xml file. For more information about the trinidad-config.xml file,
Section 11.3, Configuration Files for an ADF Skin. Define style properties for the high-contrast accessibility profile where you want
background and foreground colors to contrast highly with each other. Define style properties for the large-fonts accessibility profile for cases where the user must be
allowed to increase or decrease the text scaling setting in the web browser. Defining large-fonts does not mean that the fonts are large, but rather that they are scalable
fonts or dimensions instead of fixed pixel sizes.
Example 5–5 shows style properties that get applied to the
af|column::sort-ascending-icon pseudo-element when an application renders using the high-contrast accessibility profile.
Example 5–5 Style Properties Defined Using the accessibility-profile
accessibility-profile high-contrast { af|column::sort-ascending-icon {
content: urlafrfusionsort_asc_ena.png; }
af|column::sort-ascending-icon:hover { content: urlafrfusionsort_asc_ovr.png;
} af|column::sort-ascending-icon:active {
content: urlafrfusionsort_asc_selected.png; }
af|column::sort-descending-icon { content: urlafrfusionsort_des_ena.png;
} af|column::sort-descending-icon:hover {
content: urlafrfusionsort_des_ovr.png; }
af|column::sort-descending-icon:active { content: urlafrfusionsort_des_selected.png;
} af|column::sorted-ascending-icon {
content: urlafrfusionsort_asc_selected.png; }
af|column::sorted-descending-icon { content: urlafrfusionsort_des_selected.png;
}
For more information about developing accessible ADF Faces pages and accessibility profiles, see the Developing Accessible ADF Faces Pages chapter in the Oracle Fusion
Middleware Web User Interface Developers Guide for Oracle Application Development Framework.
Working with Component-Specific Selectors 5-17
5.7.1 How to Configure an ADF Skin for Accessibility
You define style properties for the selector or selector´s pseudo-elements that you want to configure and preface these style properties with the
accessibility-profile rule.
To configure an ADF skin for accessibility: 1.
Define style properties for the selectors and selectors´ pseudo-elements that you want to configure, as described in
Section 5.4, Changing a Component-Specific Selector.
2.
In the source file for the ADF skin, preface the skinning keys that you configured with the accessibility-profile rule, as illustrated in
Example 5–5 .
5-18 Skin Editor Users Guide for Oracle Application Development Framework
6
Working with Images in Your ADF Skin 6-1
6
Working with Images in Your ADF Skin
This chapter describes how to work with images in an ADF skin. This chapter includes the following sections:
■
Section 6.1, About Working with Images in an ADF Skin
Kategori