Lo so che non è una soluzione elegante ma per ora mi viene in mente questa:
<!doctype html><html>


<head>


<title>Test suoni</title>
<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("suono").innerHTML =
"<embed src=\"" + soundfile + "\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>
<style>
img {
border: 2px solid red;
}
p {
background: red;
}
</style>
</head>


<body>
<span id="suono"></span>
<p><a href="#" onclick="playSound('http://www.freesound.org/data/previews/235/235911_2391840-lq.mp3');">Clicca per sentire il suono</a>
</p>


<p onmouseover="playSound('http://www.freesound.org/data/previews/235/235911_2391840-lq.mp3');">Passa il muose su questo paragrafo</p>
<img src="https://www.google.com/images/srpr/logo11w.png" alt="" onclick="playSound('http://www.freesound.org/data/previews/235/235911_2391840-lq.mp3');">
</body>


</html>