/*
Version: 3.5.2 Timestamp: Sat Nov 1 14:43:36 EDT 2014
*/
.select3-container {
margin: 0;
position: relative;
display: inline-block;
/* inline-block for ie7 */
zoom: 1;
*display: inline;
vertical-align: middle;
}
.select3-container,
.select3-drop,
.select3-search,
.select3-search input {
/*
Force border-box so that % widths fit the parent
container without overlap because of margin/padding.
More Info : http://www.quirksmode.org/css/box.html
*/
-webkit-box-sizing: border-box; /* webkit */
-moz-box-sizing: border-box; /* firefox */
box-sizing: border-box; /* css3 */
}
.select3-container .select3-choice {
display: block;
height: 26px;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
border: 1px solid #aaa;
white-space: nowrap;
line-height: 26px;
color: #444;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #fff;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
background-image: linear-gradient(to top, #eee 0%, #fff 50%);
}
html[dir="rtl"] .select3-container .select3-choice {
padding: 0 8px 0 0;
}
.select3-container.select3-drop-above .select3-choice {
border-bottom-color: #aaa;
border-radius: 0 0 4px 4px;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
}
.select3-container.select3-allowclear .select3-choice .select3-chosen {
margin-right: 42px;
}
.select3-container .select3-choice > .select3-chosen {
margin-right: 26px;
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
float: none;
width: auto;
}
html[dir="rtl"] .select3-container .select3-choice > .select3-chosen {
margin-left: 26px;
margin-right: 0;
}
.select3-container .select3-choice abbr {
display: none;
width: 12px;
height: 12px;
position: absolute;
right: 24px;
top: 8px;
font-size: 1px;
text-decoration: none;
border: 0;
background: url('select3.png') right top no-repeat;
cursor: pointer;
outline: 0;
}
.select3-container.select3-allowclear .select3-choice abbr {
display: inline-block;
}
.select3-container .select3-choice abbr:hover {
background-position: right -11px;
cursor: pointer;
}
.select3-drop-mask {
border: 0;
margin: 0;
padding: 0;
position: fixed;
left: 0;
top: 0;
min-height: 100%;
min-width: 100%;
height: auto;
width: auto;
opacity: 0;
z-index: 9998;
/* styles required for IE to work */
background-color: #fff;
filter: alpha(opacity=0);
}
.select3-drop {
width: 100%;
margin-top: -1px;
position: absolute;
z-index: 9999;
top: 100%;
background: #fff;
color: #000;
border: 1px solid #aaa;
border-top: 0;
border-radius: 0 0 4px 4px;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
}
.select3-drop.select3-drop-above {
margin-top: 1px;
border-top: 1px solid #aaa;
border-bottom: 0;
border-radius: 4px 4px 0 0;
-webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
}
.select3-drop-active {
border: 1px solid #5897fb;
border-top: none;
}
.select3-drop.select3-drop-above.select3-drop-active {
border-top: 1px solid #5897fb;
}
.select3-drop-auto-width {
border-top: 1px solid #aaa;
width: auto;
}
.select3-drop-auto-width .select3-search {
padding-top: 4px;
}
.select3-container .select3-choice .select3-arrow {
display: inline-block;
width: 18px;
height: 100%;
position: absolute;
right: 0;
top: 0;
border-left: 1px solid #aaa;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
background: #ccc;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
}
html[dir="rtl"] .select3-container .select3-choice .select3-arrow {
left: 0;
right: auto;
border-left: none;
border-right: 1px solid #aaa;
border-radius: 4px 0 0 4px;
}
.select3-container .select3-choice .select3-arrow b {
display: block;
width: 100%;
height: 100%;
background: url('select3.png') no-repeat 0 1px;
}
html[dir="rtl"] .select3-container .select3-choice .select3-arrow b {
background-position: 2px 1px;
}
.select3-search {
display: inline-block;
width: 100%;
min-height: 26px;
margin: 0;
padding-left: 4px;
padding-right: 4px;
position: relative;
z-index: 10000;
white-space: nowrap;
}
.select3-search input {
width: 100%;
height: auto !important;
min-height: 26px;
padding: 4px 20px 4px 5px;
margin: 0;
outline: 0;
font-family: sans-serif;
font-size: 1em;
border: 1px solid #aaa;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: #fff url('select3.png') no-repeat 100% -22px;
background: url('select3.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
html[dir="rtl"] .select3-search input {
padding: 4px 5px 4px 20px;
background: #fff url('select3.png') no-repeat -37px -22px;
background: url('select3.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select3-drop.select3-drop-above .select3-search input {
margin-top: 4px;
}
.select3-search input.select3-active {
background: #fff url('select3-spinner.gif') no-repeat 100%;
background: url('select3-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
background: url('select3-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
background: url('select3-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
}
.select3-container-active .select3-choice,
.select3-container-active .select3-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select3-dropdown-open .select3-choice {
border-bottom-color: transparent;
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
background-color: #eee;
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to top, #fff 0%, #eee 50%);
}
.select3-dropdown-open.select3-drop-above .select3-choice,
.select3-dropdown-open.select3-drop-above .select3-choices {
border: 1px solid #5897fb;
border-top-color: transparent;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
}
.select3-dropdown-open .select3-choice .select3-arrow {
background: transparent;
border-left: none;
filter: none;
}
html[dir="rtl"] .select3-dropdown-open .select3-choice .select3-arrow {
border-right: none;
}
.select3-dropdown-open .select3-choice .select3-arrow b {
background-position: -18px 1px;
}
html[dir="rtl"] .select3-dropdown-open .select3-choice .select3-arrow b {
background-position: -16px 1px;
}
.select3-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* results */
.select3-results {
max-height: 200px;
padding: 0 0 0 4px;
margin: 4px 4px 4px 0;
position: relative;
overflow-x: hidden;
overflow-y: auto;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
html[dir="rtl"] .select3-results {
padding: 0 4px 0 0;
margin: 4px 0 4px 4px;
}
.select3-results ul.select3-result-sub {
margin: 0;
padding-left: 0;
}
.select3-results li {
list-style: none;
display: list-item;
background-image: none;
}
.select3-results li.select3-result-with-children > .select3-result-label {
font-weight: bold;
}
.select3-results .select3-result-label {
padding: 3px 7px 4px;
margin: 0;
cursor: pointer;
min-height: 1em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.select3-results-dept-1 .select3-result-label { padding-left: 20px }
.select3-results-dept-2 .select3-result-label { padding-left: 40px }
.select3-results-dept-3 .select3-result-label { padding-left: 60px }
.select3-results-dept-4 .select3-result-label { padding-left: 80px }
.select3-results-dept-5 .select3-result-label { padding-left: 100px }
.select3-results-dept-6 .select3-result-label { padding-left: 110px }
.select3-results-dept-7 .select3-result-label { padding-left: 120px }
.select3-results .select3-highlighted {
background: #3875d7;
color: #fff;
}
.select3-results li em {
background: #feffde;
font-style: normal;
}
.select3-results .select3-highlighted em {
background: transparent;
}
.select3-results .select3-highlighted ul {
background: #fff;
color: #000;
}
.select3-results .select3-no-results,
.select3-results .select3-searching,
.select3-results .select3-ajax-error,
.select3-results .select3-selection-limit {
background: #f4f4f4;
display: list-item;
padding-left: 5px;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select3-results .select3-disabled.select3-highlighted {
color: #666;
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select3-results .select3-disabled {
background: #f4f4f4;
display: list-item;
cursor: default;
}
.select3-results .select3-selected {
display: none;
}
.select3-more-results.select3-active {
background: #f4f4f4 url('select3-spinner.gif') no-repeat 100%;
}
.select3-results .select3-ajax-error {
background: rgba(255, 50, 50, .2);
}
.select3-more-results {
background: #f4f4f4;
display: list-item;
}
/* disabled styles */
.select3-container.select3-container-disabled .select3-choice {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select3-container.select3-container-disabled .select3-choice .select3-arrow {
background-color: #f4f4f4;
background-image: none;
border-left: 0;
}
.select3-container.select3-container-disabled .select3-choice abbr {
display: none;
}
/* multiselect */
.select3-container-multi .select3-choices {
height: auto !important;
height: 1%;
margin: 0;
padding: 0 5px 0 0;
position: relative;
border: 1px solid #aaa;
cursor: text;
overflow: hidden;
background-color: #fff;
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
}
html[dir="rtl"] .select3-container-multi .select3-choices {
padding: 0 0 0 5px;
}
.select3-locked {
padding: 3px 5px 3px 5px !important;
}
.select3-container-multi .select3-choices {
min-height: 26px;
}
.select3-container-multi.select3-container-active .select3-choices {
border: 1px solid #5897fb;
outline: none;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}
.select3-container-multi .select3-choices li {
float: left;
list-style: none;
}
html[dir="rtl"] .select3-container-multi .select3-choices li
{
float: right;
}
.select3-container-multi .select3-choices .select3-search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.select3-container-multi .select3-choices .select3-search-field input {
padding: 5px;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
color: #666;
outline: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
background: transparent !important;
}
.select3-container-multi .select3-choices .select3-search-field input.select3-active {
background: #fff url('select3-spinner.gif') no-repeat 100% !important;
}
.select3-default {
color: #999 !important;
}
.select3-container-multi .select3-choices .select3-search-choice {
padding: 3px 5px 3px 18px;
margin: 3px 0 3px 5px;
position: relative;
line-height: 13px;
color: #333;
cursor: default;
border: 1px solid #aaaaaa;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
background-clip: padding-box;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #e4e4e4;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
}
html[dir="rtl"] .select3-container-multi .select3-choices .select3-search-choice
{
margin: 3px 5px 3px 0;
padding: 3px 18px 3px 5px;
}
.select3-container-multi .select3-choices .select3-search-choice .select3-chosen {
cursor: default;
}
.select3-container-multi .select3-choices .select3-search-choice-focus {
background: #d4d4d4;
}
.select3-search-choice-close {
display: block;
width: 12px;
height: 13px;
position: absolute;
right: 3px;
top: 4px;
font-size: 1px;
outline: none;
background: url('select3.png') right top no-repeat;
}
html[dir="rtl"] .select3-search-choice-close {
right: auto;
left: 3px;
}
.select3-container-multi .select3-search-choice-close {
left: 3px;
}
html[dir="rtl"] .select3-container-multi .select3-search-choice-close {
left: auto;
right: 2px;
}
.select3-container-multi .select3-choices .select3-search-choice .select3-search-choice-close:hover {
background-position: right -11px;
}
.select3-container-multi .select3-choices .select3-search-choice-focus .select3-search-choice-close {
background-position: right -11px;
}
/* disabled styles */
.select3-container-multi.select3-container-disabled .select3-choices {
background-color: #f4f4f4;
background-image: none;
border: 1px solid #ddd;
cursor: default;
}
.select3-container-multi.select3-container-disabled .select3-choices .select3-search-choice {
padding: 3px 5px 3px 5px;
border: 1px solid #ddd;
background-image: none;
background-color: #f4f4f4;
}
.select3-container-multi.select3-container-disabled .select3-choices .select3-search-choice .select3-search-choice-close { display: none;
background: none;
}
/* end multiselect */
.select3-result-selectable .select3-match,
.select3-result-unselectable .select3-match {
text-decoration: underline;
}
.select3-offscreen, .select3-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
border: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
position: absolute !important;
outline: 0 !important;
left: 0px !important;
top: 0px !important;
}
.select3-display-none {
display: none;
}
.select3-measure-scrollbar {
position: absolute;
top: -10000px;
left: -10000px;
width: 100px;
height: 100px;
overflow: scroll;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
.select3-search input,
.select3-search-choice-close,
.select3-container .select3-choice abbr,
.select3-container .select3-choice .select3-arrow b {
background-image: url('select3x2.png') !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
.select3-search input {
background-position: 100% -21px !important;
}
}
Enhancing Accessibility in Online Gaming: The Role of Screen Readers in Modern Casino Platforms – Magic Star
Skip to content
As the digital gaming industry continues to evolve at a rapid pace, inclusivity and accessibility have emerged as pivotal pillars of responsible innovation. With an estimated 2.2 billion people worldwide living with some form of disability, ensuring that online casino platforms can be enjoyed by all audiences is no longer optional—it is essential for industry credibility, legal compliance, and expanding market reach.
The Critical Importance of Accessibility in iGaming
Accessibility in online gaming refers to the design and implementation of platforms that accommodate users with various disabilities, including visual impairments, hearing impairments, motor skill challenges, and cognitive differences. Among these, visual impairments represent a significant barrier to engaging with visually-intensive interfaces like slot games, roulette, and poker. For these users, traditional web and app interfaces may be unintelligible or inaccessible—compromising both fairness and enjoyment.
According to the World Health Organization, approximately 253 million people globally experience some form of visual impairment, with many relying on assistive technologies such as screen readers to navigate digital environments. As an industry, providing seamless accessibility features is not just an ethical obligation but also a strategic market differentiator. Leading companies are increasingly integrating features like adjustable text sizes, high contrast modes, and tactile feedback. Central to this movement is the effective use of screen readers, which act as a bridge between digital content and users with visual disabilities.
Technological Foundations of Screen Readers in iGaming
Screen readers are specialized software that interpret visual web content and convert it into synthesized speech or braille output. Their effectiveness hinges on adherence to web accessibility standards such as the Web Content Accessibility Guidelines (WCAG) 2.1, which recommend proper semantic markup, ARIA (Accessible Rich Internet Applications) attributes, and logical page structures to ensure comprehensive content interpretation.
In the context of online casinos or slot machine interfaces, this entails structuring game controls, reels, paytables, and visual cues in a way that screen readers can reliably interpret. For instance, instead of relying solely on graphical symbols, developers should include text-based descriptions and ARIA labels that describe „Spin” buttons, „Bet” selectors, and game outcome notifications.
Case Study: The Integration of „Eye of Horus: Screen Reader”
One emerging example of industry-focused accessibility enhancement can be observed through dedicated tools such as the Eye of Horus: Screen Reader . This resource exemplifies how specialised solutions can empower visually impaired players to enjoy the game by providing textual narration of reel spins, win lines, and bonus features, effectively bridging the gap between visual spectacle and user accessibility.
Developers and platform operators aiming to improve inclusivity should consider such integrations as a standard feature. These tools not only demonstrate compliance with accessibility laws but also foster a more diverse gaming environment, broadening the potential customer base.
Industry Insights: The Business and Ethical Imperatives
Benefit
Details
Market Expansion
Reaching disabled demographics opens new revenue streams in an increasing global market.
Brand Reputation
Positioning as an inclusive platform enhances corporate social responsibility and industry leadership.
Legal Compliance
Meeting accessibility standards helps mitigate legal risks associated with ADA and EU AD laws.
Player Loyalty
Enabling accessible play fosters trust and long-term loyalty among players with disabilities.
Future Outlook and Ethical Commitments
The trajectory of the online gaming industry points toward increasingly sophisticated accessibility solutions. Beyond screen readers, innovations such as haptic feedback, voice commands, and AI-driven adaptive interfaces are poised to redefine inclusivity. As industry leaders champion these developments, the focus must remain on genuine user-centric design, transparency, and continuous engagement with disabled communities.
In this context, tools like the Eye of Horus: Screen Reader exemplify how specialised accessibility aids can be integrated effectively within existing gaming platforms, providing both regulatory compliance and a crucial step toward equal access.
Conclusion
As accessibility becomes embedded into the core values of digital entertainment providers, the adoption of screen reader-compatible interfaces is not merely a technical enhancement but a moral imperative. Industry-wide adoption will pave the way for a more inclusive and vibrant gaming community—where everyone, regardless of visual ability, can experience the thrill and entertainment of casino gaming.
Disclaimer: The „Eye of Horus: Screen Reader” referenced here exemplifies innovative approaches to game accessibility, illustrating industry best practices for ensuring inclusive experiences.
You Might Also Like
19/02/2026
15/02/2026
18/04/2026