With the advent of what appears to be a 'media boom' on the Internet, I think it's time for a reminder about accessible media on the web. Where new ideas like Yahoo! Current, Memocast, MSN Soapbox, YouTube into a huge success, we have issues that continue to arise. The biggest issue for me with most of those companies is the format in which most require you to watch videos - that being Flash. Now, don't get me wrong, I like Flash for displaying video. In fact, I prefer flash to most media options because if used sensibly, it doesn't require severe hacking of your Linux install to view videos. Note that I said 'used sensibly' -- most do not. It is the job of the web developer or media person to decide the format videos play in, and to make that choice well, they need to know what versions are compatible with what operating systems. Sorry if that sounds like actual work, but research is part of the job of being a web developer. This applies to more than just Flash - you need to check what kinds of support there is for any kind of media you intend to use, you need to know whether this is something that comes supported in the base install or if they would have had to be tech-savvy enough to install it manually. It's about understanding your user. My first issue with Flash movies - the version of Flash player required. You absolutely need to check what versions are compatible with which operating systems. Read the specs, that is what they are there for. If you hop on over to the Flash section on the Adobe site, and dig around a bit you will find the following system requirements documents:
Flash Media on the Web
0 views
 {
function initCopyableSections() {
document.querySelectorAll('.article-content .copyable-section').forEach(function(section) {
if (section.querySelector('.copyable-section__btn')) return;
var btn = document.createElement('button');
btn.type = 'button';
btn.className = 'copyable-section__btn';
btn.setAttribute('aria-label', 'Copy to clipboard');
var label = section.getAttribute('data-copy-label');
btn.textContent = label ? 'Copy ' + label : 'Copy';
section.appendChild(btn);
btn.addEventListener('click', function() {
var contentEl = section.querySelector('.copyable-section__content');
var text;
if (contentEl) {
text = contentEl.textContent.trim();
} else {
var clone = section.cloneNode(true);
var btnClone = clone.querySelector('.copyable-section__btn');
if (btnClone) btnClone.parentNode.removeChild(btnClone);
text = clone.textContent.trim();
}
if (!text) return;
navigator.clipboard.writeText(text).then(function() {
var t = btn.textContent;
btn.textContent = 'Copied!';
btn.classList.add('copied');
setTimeout(function() {
btn.textContent = t;
btn.classList.remove('copied');
}, 2000);
});
});
});
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', initCopyableSections);
} else {
initCopyableSections();
}
})();
</script>
<!-- Tags -->
<!-- Correction Form -->
<div class=)
Comments (0)
Please sign in to leave a comment.
No comments yet. Be the first to comment!